箭头函数

箭头函数

箭头函数是传统函数表达式的简写方式，它简化了函数的编写，也带来了一些限制导致在一些场景下它无法使用。

特点：

• 箭头函数没有自己的this，无法通过call、apply、bind指定函数的this
• 箭头函数中没有arguments
• 不能作为构造函数调用
• 和匿名函数一样，无法直接调用，通常赋值给一个变量或者作为回调函数使用
• 多条语句时，语句需要使用{}括起来，同时需要使用return设置返回值，不写就没有返回值

// 基本语法
var fn = a => { /* … */ }
​
// 多个参数时，参数需要使用()括起来
var fn = (a, b) => { /* … */ }
​
// 多条语句时，语句需要使用{}括起来，同时需要使用return设置返回值
//不写就只是计算，没有返回值

var fn = a => {
 let b = 1;
 return a + b;
}
fn(1) // 2
​//无return、
var fn = a => {
 let b = 1;
 a + b;
}
fn(1) // undefined
​
// 返回值是一个对象时，对象需要加()
var fn = val => ({foo: "a"})
​
//多个参数、默认参数和传统函数一样
var fn = (a, b, ...r) => { /* … */ }
var fn = (a=400, b=20, c) => { /* … */ }
​