ES6 箭头函数

箭头函数

1. 箭头函数语法

箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法

箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super 或 new.target

箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数

• arg1, arg2, ..argN 函数参数
• expression 函数返回值

let func = (arg1, arg2, ..., argN) => expression;
let func = function(arg1, arg2, ..., argN) {
   
  return expression;
};

ES5 vs ES6 写法对比：

// es5 写法
let func = function(parm) {
   
  console.log(arguments)
}

// es6 箭头函数
let func1 = (...parm) => {
   
  console.log(parm)
}

2. 箭头函数参数

• 如果没有参数，括号将是空的，括号必须保留
• 如果我们只有一个参数，还可以省略掉参数外的圆括号，使代码更短
• 当有多个参数时，在圆括号内定义多个参数用逗号分隔
• 箭头函数不允许重复的参数名

// 没有参数 括号需要保留
let func = () => console.log('没有参数')

//  有一个参数可以省略括号
let func1 = item => console.log(item)

// 多个参数 括号内逗号隔开
let func2 = (item1, item2) => console.log(item1, ite