ES6 箭头函数

ES6 箭头函数

自己整理，有不对的或者更好的见解希望大家指出

箭头函数

函数的简洁表达形式，适用于需要匿名函数的地方，不能用作构造函数（不可被new）

箭头函数语法 ： (参数1, 参数2, …, 参数N) => { 函数体 }
注：

1. 只有一个参数时可省略圆括号，只有一个语句可省略{}，函数返回该语句的值
2. 没有参数时有圆括号

var fun = param1 => param1 + 1
console.log(fun(1))  //2

支持剩余参数

var fun1 = (param1, param2, ...rest) => { console.log(rest) }
fun1(1, 2, 3, 4)  // [3, 4]

支持默认参数

var fun2 = (param1, param2 = 1) => { console.log(param1 + param2) }
fun2(1)  //2

关于this

常规函数的this

函数是某个对象的方法，this指向这个对象

const c1 = {
    name: 'aa',
    fun3: function() { console.log(this.name, this) }
}
c1.fun3()  // aa { name: 'aa', fun3: f }

函数是一个构造函数，this指针指向一个新的对象， nodejs下为global对象，浏览器中为Window对象

function fun5() { console.log(this) }
fun5()  // Object [global] { ... }

箭头函数的this

箭头函数没有自己的this，默认绑定外层this。
因此，箭头函数内定义的变量为全局变量

const c2 = {
	name: 'aa',
    fun4: () => console.log(this.name, this)
}
c2.fun4()   // undefined Window对象

var fun5 = () => { name = 'aa' }
fun5()    // 必须先执行，否则undefined
console.log(name)   // aa