JS 之箭头函数表达式
箭头函数表达式的语法比函数表达式更短, 并且没有自己的 this,arguments,super 或 new.target. 这些函数表达式更适用于那些本来需要匿名函数的地方, 并且它们不能用作构造函数
语法
基础语法
(参数 1, 参数 2, ..., 参数 N) => { 函数声明 }
(参数 1, 参数 2, ..., 参数 N) => 表达式 (单一)
- // 相当于:(参数 1, 参数 2, ..., 参数 N) =>{
- return 表达式;
- }
- // 当只有一个参数时, 圆括号是可选的:
(单一参数) => {函数声明}
单一参数 => {函数声明}
// 没有参数的函数应该写成一对圆括号.
() => {函数声明}
高级语法
// 加括号的函数体返回对象字面表达式:
参数 => ({foo: bar})
// 支持剩余参数和默认参数
(参数 1, 参数 2, ...REST) => {函数声明}
(参数 1 = 默认值 1, 参数 2, ..., 参数 N = 默认值 N) => {函数声明}
- // 同样支持参数列表解构
- let f = ([a, b] = [1, 2], {
- x: c
- } = {
- x: a + b
- }) => a + b + c;
- f(); // 6
事例:
- var materials = [
- 'Hydrogen',
- 'Helium',
- 'Lithium',
- 'Beryllium'
- ];
- materials.map(function(material) {
- return material.length;
- }); // [8, 6, 7, 9]
- materials.map((material) => {
- return material.length;
- }); // [8, 6, 7, 9]
- materials.map(material => material.length); // [8, 6, 7, 9]
详情地址:
来源: http://www.bubuko.com/infodetail-2851994.html