關(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ù)表達式的語法比函數(shù)表達式更簡潔，并且沒有自己的this，arguments，super或new.target。
箭頭函數(shù)表達式更適用于那些本來需要匿名函數(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)文章
這篇文章主要介紹了JavaScript數(shù)組常用操作技巧,以實例形式匯總了針對數(shù)組的查找、連接、排序及迭代等各種常見操作技巧,非常具有實用價值,需要的朋友可以參考下2014-11-11
webpack教程之webpack.config.js配置文件
本篇文章主要介紹了webpack教程之webpack.config.js配置文件 ，具有一定的參考價值，有興趣的可以了解一席2017-07-07
這篇文章介紹了javascript完美拖拽的實現(xiàn)方法，有需要的朋友可以參考一下2013-09-09
switch case與if else的區(qū)別：switch case會生成一個跳轉(zhuǎn)表來指示實際的case分支的地址，而if...else卻需要遍歷條件分支直到命中條件，下面這篇文章主要給大家介紹了關(guān)于if else與switch在使用中的一些技巧，需要的朋友可以參考下2019-01-01
chrome下判斷點擊input上標(biāo)簽還是其余標(biāo)簽的實現(xiàn)方法
下面小編就為大家?guī)硪黄猚hrome下判斷點擊input上標(biāo)簽還是其余標(biāo)簽的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
在寫原生的Javascript的時候，因為IE的JS引擎與標(biāo)準(zhǔn)瀏覽器的JS引擎之間總有那么些差異，所以經(jīng)常會去判斷是否是IE瀏覽器2014-04-04
這篇文章主要為大家詳細介紹了兩種簡單的跨域方法，使用jsonp和php實現(xiàn)跨域，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
js寫出遮罩層登陸框和對聯(lián)廣告并自動跟隨滾動條滾動
這篇文章主要介紹了js寫出遮罩層登陸框和對聯(lián)廣告并自動跟隨滾動條滾動,需要的朋友可以參考下2014-04-04
不用window.print實現(xiàn)的打印效果代碼。2009-03-03
這篇文章主要介紹了Js中使用正則表達式驗證輸入是否有特殊字符的簡單代碼，并通過一小段代碼給大家介紹了js正則表達式驗證同一字符串不同,需要的朋友可以參考下2018-09-09