箭头函数

Posted 2021-12-29 songsongblue

 

 1 var elements = [
 2   ‘Hydrogen‘,
 3   ‘Helium‘,
 4   ‘Lithium‘,
 5   ‘Beryllium‘
 6 ];
 7 
 8 elements.map(function(element)  
 9   return element.length; 
10 ); // 返回数组：[8, 6, 7, 9]
11 
12 // 上面的普通函数可以改写成如下的箭头函数
13 elements.map((element) => 
14   return element.length;
15 ); // [8, 6, 7, 9]
16 
17 // 当箭头函数只有一个参数时，可以省略参数的圆括号
18 elements.map(element => 
19  return element.length;
20 ); // [8, 6, 7, 9]
21 
22 // 当箭头函数的函数体只有一个 `return` 语句时，可以省略 `return` 关键字和方法体的花括号
23 elements.map(element => element.length); // [8, 6, 7, 9]

 

参考资料：箭头函数-JavaScript|MDN