ES2015(ES6)

阮一峰 ES2015
給 JavaScript 初心者的 ES2015 實戰(zhàn)

ECMAScript 6(以下簡稱ES6)是JavaScript語言的下一代標準,已經(jīng)在2015年6月正式發(fā)布了。它的目標,是使得JavaScript語言可以用來編寫復(fù)雜的大型應(yīng)用程序,成為企業(yè)級開發(fā)語言。

標準的制定者有計劃,以后每年發(fā)布一次標準,使用年份作為標準的版本。因為當前版本的ES6是在2015年發(fā)布的,所以又稱ECMAScript 2015。也就是說,ES6就是ES2015,下一年應(yīng)該會發(fā)布小幅修訂的ES2016。

解構(gòu)賦值

ES6所帶來的更清晰的變量聲明與賦值語法。現(xiàn)今的變量聲明語法十分的直接:左邊是一個變量名,右邊可以是一個數(shù)組:[] 的表達式或一個對象:{} 的表達式,等等。解構(gòu)賦值允許我們將右邊的表達式看起來也像變量聲明一般,然后在左邊將值一一提取。

ES2015 箭頭函數(shù)
ES6允許使用“箭頭”(=>)定義函數(shù)。

var f = v => v;

上面的箭頭函數(shù)等同于:

var f = function(v) 
{ 
        return v;
};

由于大括號被解釋為代碼塊,所以如果箭頭函數(shù)直接返回一個對象,必須在對象外面加上括號。

var getTempItem = id => ({ id: id, name: "Temp" });

嵌套的箭頭函數(shù)

函數(shù)綁定

箭頭函數(shù)可以綁定this對象,大大減少了顯式綁定this對象的寫法(call、apply、bind)。但是,箭頭函數(shù)并不適用于所有場合,所以ES7提出了“函數(shù)綁定”(function bind)運算符,用來取代call、apply、bind調(diào)用。雖然該語法還是ES7的一個提案,但是Babel轉(zhuǎn)碼器已經(jīng)支持。

函數(shù)綁定運算符是并排的兩個雙冒號(::),雙冒號左邊是一個對象,右邊是一個函數(shù)。該運算符會自動將左邊的對象,作為上下文環(huán)境(即this對象),綁定到右邊的函數(shù)上面。

對象的擴展

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 函數(shù)參數(shù)的默認值 基本用法 在ES6之前,不能直接為函數(shù)的參數(shù)指定默認值,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    呼呼哥閱讀 3,438評論 0 1
  • 1.函數(shù)參數(shù)的默認值 (1).基本用法 在ES6之前,不能直接為函數(shù)的參數(shù)指定默認值,只能采用變通的方法。
    趙然228閱讀 704評論 0 0
  • 三,字符串擴展 3.1 Unicode表示法 ES6 做出了改進,只要將碼點放入大括號,就能正確解讀該字符。有了這...
    eastbaby閱讀 1,561評論 0 8
  • 一、ES6簡介 ? 歷時將近6年的時間來制定的新 ECMAScript 標準 ECMAScript 6(亦稱 ...
    一歲一枯榮_閱讀 6,108評論 8 25
  • 今天在做一個menu的時候,需要改動item的高度和字體大小顏色。搜索了一下很多方法都不管用,最后是結(jié)合了 sta...
    seven_Android閱讀 8,108評論 4 3