es6箭頭函數


箭頭函數用 => 符號來定義。

箭頭函數相當於匿名函數,所以采用函數表達式的寫法。

左邊是傳入函數的參數,右邊是函數中執行的語句。

相當於

上面是完整的寫法,左邊小括號,右邊大括號,而下面的情況可以簡寫:

(1)當要執行的代碼塊只有一條return語句時,可省略大括號和return關鍵字:

(2)當傳入的參數只有一個時,可以省略小括號:

相當於

(3)當不需要參數時,使用空的圓括號:

相當於

箭頭函數在回調函數中是很簡潔的,像這樣:

在排序中:

 

需要注意的是, 箭頭函數沒有自己的this、arguments、super、new.target,它們分別指向外層函數的相應變量。

以前在ES5中使用this有點麻煩,這種問題很常見:

這就需要在嵌套函數外層使用that = this,然后內層使用that,就是下面這樣子:

但是現在有了箭頭函數,不再需要使用that = this或 _this = this 這種代碼啦,因為箭頭函數中的this直接就是外層函數中的this,代碼更簡單了:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM