首頁 > web前端 > 前端問答 > 箭頭函數是es6的新功能嗎

箭頭函數是es6的新功能嗎

WBOY
發布: 2022-03-30 17:53:55
原創
1761 人瀏覽過

箭頭函數是es6的新功能;箭頭函數是es6中新增的函數,允許使用箭頭「=>」定義函數,相對於普通函數,支援表達式和語句體,箭頭函數與this周圍的程式碼擁有相同的作用域。

箭頭函數是es6的新功能嗎

本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。

箭頭函數是es6的新功能嗎

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寫法:

箭頭函數是es6的新功能嗎

#箭頭函數:

箭頭函數是es6的新功能嗎

【相關推薦:javascript影片教學web前端

以上是箭頭函數是es6的新功能嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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