關(guān)于JS中的箭頭函數(shù)
更新時間：2023年05月09日 11:25:13 作者：JavaEdge.
這篇文章主要介紹了關(guān)于JS中的箭頭函數(shù),ES6中允許使用=>來定義函數(shù)。箭頭函數(shù)相當(dāng)于匿名函數(shù)，并簡化了函數(shù)定義,箭頭函數(shù)在語法上比普通函數(shù)簡潔多。箭頭函數(shù)就是采用箭頭=>來定義函數(shù)，省去關(guān)鍵字function,需要的朋友可以參考下
更簡短的函數(shù)并且不綁定this。
箭頭函數(shù)表達(dá)式的語法比函數(shù)表達(dá)式更簡潔，并且沒有自己的this，arguments，super或new.target。
箭頭函數(shù)表達(dá)式更適用于那些本來需要匿名函數(shù)的地方，并且它不能用作構(gòu)造函數(shù)。
語法
(param1, param2, …, paramN) => { statements }
(param1, param2, …, paramN) => expression
//相當(dāng)于：(param1, param2, …, paramN) =>{ return expression; }
// 當(dāng)只有一個參數(shù)時，圓括號是可選的：
(singleParam) => { statements }
singleParam => { statements }
// 沒有參數(shù)的函數(shù)應(yīng)該寫成一對圓括號。
() => { statements }更短的函數(shù)
var elements = [
'Hydrogen',
'Helium',
'Lithium',
'Beryllium'
];
elements.map(function(element) {
return element.length;
}); // 返回數(shù)組：[8, 6, 7, 9]
// 上面的普通函數(shù)可以改寫成如下的箭頭函數(shù)
elements.map((element) => {
return element.length;
}); // [8, 6, 7, 9]
// 當(dāng)箭頭函數(shù)只有一個參數(shù)時，可以省略參數(shù)的圓括號
elements.map(element => {
return element.length;
}); // [8, 6, 7, 9]
// 當(dāng)箭頭函數(shù)的函數(shù)體只有一個 `return` 語句時，可以省略 `return` 關(guān)鍵字和方法體的花括號
elements.map(element => element.length); // [8, 6, 7, 9]在這個例子中，因為我們只需要 length 屬性，所以可以使用參數(shù)解構(gòu)。
需要注意的是字符串 "length" 是我們想要獲得的屬性的名稱，而 lengthFooBArX 則只是個變量名，可以替換成任意合法的變量名
elements.map(({ "length": lengthFooBArX }) => lengthFooBArX);
// [8, 6, 7, 9]到此這篇關(guān)于關(guān)于JS中的箭頭函數(shù)的文章就介紹到這了,更多相關(guān)JS箭頭函數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了turn.js異步加載實現(xiàn)翻書效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡易QQ聊天界面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了JS二級菜單不同實現(xiàn)方法,結(jié)合實例形式分析了4種不同的二級下拉菜單實現(xiàn)方法,需要的朋友可以參考下2018-12-12
本文主要介紹了小程序?qū)崿F(xiàn)事件綁定的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
JavaScript實現(xiàn)列出數(shù)組中最長的連續(xù)數(shù)
這篇文章主要介紹了JavaScript實現(xiàn)列出數(shù)組中最長的連續(xù)數(shù)的方法及使用,需要的朋友可以參考下2014-12-12
JavaScript設(shè)置body高度為瀏覽器高度的方法
這篇文章主要介紹了JavaScript設(shè)置body高度為瀏覽器高度的方法,實例分析了body高度的設(shè)置技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
相信大家都知道在SVG中添加文本是使用text元素。但這個元素不能夠自動換行，超出的部分就顯示不出來了，怎么辦呢？下面通過這篇文章來給大家詳細(xì)介紹下實現(xiàn)的過程。2016-10-10
今天小編就為大家分享一篇layer插件select選中默認(rèn)值的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了JavaScript之不可靠的undefined，想深入JS的同學(xué)，可以參考下2021-05-05
從0到1學(xué)習(xí)JavaScript編寫貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript編寫貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07