欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于JS中的箭頭函數(shù)

 更新時(shí)間：2023年05月09日 11:25:13   作者：JavaEdge.  
這篇文章主要介紹了關(guān)于JS中的箭頭函數(shù),ES6中允許使用=>來(lái)定義函數(shù)。箭頭函數(shù)相當(dāng)于匿名函數(shù)，并簡(jiǎn)化了函數(shù)定義,箭頭函數(shù)在語(yǔ)法上比普通函數(shù)簡(jiǎn)潔多。箭頭函數(shù)就是采用箭頭=>來(lái)定義函數(shù)，省去關(guān)鍵字function,需要的朋友可以參考下

更簡(jiǎn)短的函數(shù)并且不綁定this。

箭頭函數(shù)表達(dá)式的語(yǔ)法比函數(shù)表達(dá)式更簡(jiǎn)潔，并且沒有自己的this，arguments，super或new.target。

箭頭函數(shù)表達(dá)式更適用于那些本來(lái)需要匿名函數(shù)的地方，并且它不能用作構(gòu)造函數(shù)。

語(yǔ)法

(param1, param2, …, paramN) => { statements }
(param1, param2, …, paramN) => expression
//相當(dāng)于：(param1, param2, …, paramN) =>{ return expression; }
// 當(dāng)只有一個(gè)參數(shù)時(shí)，圓括號(hào)是可選的：
(singleParam) => { statements }
singleParam => { statements }
// 沒有參數(shù)的函數(shù)應(yīng)該寫成一對(duì)圓括號(hào)。
() => { statements }

更短的函數(shù)

var elements = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];
elements.map(function(element) {
  return element.length;
}); // 返回?cái)?shù)組：[8, 6, 7, 9]
// 上面的普通函數(shù)可以改寫成如下的箭頭函數(shù)
elements.map((element) => {
  return element.length;
}); // [8, 6, 7, 9]
// 當(dāng)箭頭函數(shù)只有一個(gè)參數(shù)時(shí)，可以省略參數(shù)的圓括號(hào)
elements.map(element => {
 return element.length;
}); // [8, 6, 7, 9]
// 當(dāng)箭頭函數(shù)的函數(shù)體只有一個(gè) `return` 語(yǔ)句時(shí)，可以省略 `return` 關(guān)鍵字和方法體的花括號(hào)
elements.map(element => element.length); // [8, 6, 7, 9]

在這個(gè)例子中，因?yàn)槲覀冎恍枰?nbsp;length 屬性，所以可以使用參數(shù)解構(gòu)。

需要注意的是字符串 "length" 是我們想要獲得的屬性的名稱，而 lengthFooBArX 則只是個(gè)變量名，可以替換成任意合法的變量名

elements.map(({ "length": lengthFooBArX }) => lengthFooBArX); 
// [8, 6, 7, 9]

到此這篇關(guān)于關(guān)于JS中的箭頭函數(shù)的文章就介紹到這了,更多相關(guān)JS箭頭函數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論