首頁 > web前端 > html教學 > JavaScript es6入門級知識解說

JavaScript es6入門級知識解說

巴扎黑
發布: 2017-07-22 17:51:18
原創
1740 人瀏覽過

   現在我們來學習一下es6,它現在是一門比較火的語言但是並不是所有的瀏覽器都兼容E6說的全部特性,

但是我們依舊應該學習一下ES6的語法。

  因為相容性我們得學習Babel,它是一個廣泛使用的ES6轉換器,可以將ES6程式碼轉換為ES5程式碼,從而在現有環境執行。

  變數的宣告:

  let、const

  let的作用域是程式碼區塊,它不允許先彈再定義會報錯 

  

#
{
    let a=12;
    alert(a) //let的作用域是代码块  a=12}
    alert(a); //因为let的作用域是代码块 a=undefinedalert(a);  //undefinedvar a=12;

        alert(a);//let不允许先弹再定义  会报错let a=12
登入後複製

 

  不允許重複宣告變數會報錯

  const宣告的是一個常數,一旦被賦值後不允許修改,與let一樣,沒有預解析功能,會報錯誤

  const宣告的變數必須有值,必須給予初始值,不然會錯誤

    {const a=12;
            console.log(a)
        }
        alert(a)
登入後複製

 

#
<span style="font-size: 16px">  必须给初始值,不然会报错<br><br>  for of可以循环数组,但是会出问题,循环不了json<br><br>  name指的是一组  键和值  出来之后是数组<br>  还有一种新的数据类型:</span><span style="font-size: 16px">Symbol()<br>  函数箭头:<br>    </span>
登入後複製
  window.onload=()=>{var oDiv=document.getElementById("div");//                oDiv.onclick=()=>{//                    alert(this);//箭头函数中this指向是window//                    oDiv.style.background="red";//                }let show=()=>{
                oDiv.style.background="blue";
            }
            oDiv.onclick=show;
            let move=(obj="obj必须传递",{}={},options)=>{
                console.log(obj);
            };
            move(1);
        }
登入後複製

 

<span style="font-size: 16px">最后解构赋值:<br></span>
登入後複製
//模式匹配&解构赋值  json 同理var {a=12,b,c}={b:1,c:2};
        console.log(a,b,c)
登入後複製
<br>
登入後複製

 

<br><br>
登入後複製

  

  

#  

######  #######  #########  #######

以上是JavaScript es6入門級知識解說的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板