箭頭函數參數解構

var elements = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];

elements.map(function(element) { 
  return element.length; 
}); // 返回數組:[8, 6, 7, 9]

// 上面的普通函數能夠改寫成以下的箭頭函數
elements.map((element) => {
  return element.length;
}); // [8, 6, 7, 9]

// 當箭頭函數只有一個參數時,能夠省略參數的圓括號
elements.map(element => {
 return element.length;
}); // [8, 6, 7, 9]

// 當箭頭函數的函數體只有一個 `return` 語句時,能夠省略 `return` 關鍵字和方法體的花括號
elements.map(element => element.length); // [8, 6, 7, 9]

// 在這個例子中,由於咱們只須要 `length` 屬性,因此可使用參數解構
// 須要注意的是字符串 `"length"` 是咱們想要得到的屬性的名稱,而 `lengthFooBArX` 則只是個變量名,
// 能夠替換成任意合法的變量名
elements.map(({ "length": lengthFooBArX }) => lengthFooBArX); // [8, 6, 7, 9]
相關文章
相關標籤/搜索