箭頭函數是es6的新功能;箭頭函數是es6中新增的函數,允許使用箭頭「=>」定義函數,相對於普通函數,支援表達式和語句體,箭頭函數與this周圍的程式碼擁有相同的作用域。
本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。
ES6標準新增了新的函數:Arrow Function(箭頭函數),允許使用箭頭 =>定義函數。
相對於普通函數,在語法上類似C#,Java 8中的相關功能,支援表達式和語句體。
與普通函數不同,箭頭函數與this周圍的程式碼擁有相同的作用域。箭頭函數有以下特徵:
1、不需要 function 關鍵字來建立函數。
2、省略 return 關鍵字。
3、this總是指向函數申明時所在作用域下的this值(即箭頭函數裡面根本沒有自己的this,而是引用外層的this)。
使用ES6箭頭函數語法定義函數,將原始函數的「function」關鍵字和函數名稱都刪掉,並使用「=>」連接參數清單和函數體。
箭頭函數的作用
// 1、使表达更加简洁 const isEven = n => n % 2 === 0; const square = n => n * n; // 2、简化回调函数 // 普通函数写法 [1,2,3].map(function (x) { return x * x; }); // 箭头函数写法 [1,2,3].map(x => x * x);
es5寫法:
#箭頭函數:
【相關推薦:javascript影片教學、web前端】
以上是箭頭函數是es6的新功能嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!