箭头函数

一、ES6标准新增了一种新的函数：Arrow Function（箭头函数）。

函数的定义方法我们通常是：

var fn1 = function(a, b) {

    return a + b

}

 

function fn2(a, b) {

    return a + b

}

使用ES6箭头函数语法定义函数，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。

var fn1 = (a, b) => {

    return a + b

}

 

(a, b) => {

    return a + b

}

当函数参数只有一个，括号可以省略；但是没有参数时，括号不可以省略。

// 无参

var fn1 = function() {}

var fn1 = () => {}

 

// 单个参数

var fn2 = function(a) {}

var fn2 = a => {}

 

// 多个参数

var fn3 = function(a, b) {}

var fn3 = (a, b) => {}

使用箭头函数应该注意：

1、用了箭头函数，this就不是指向window，而是父级（指向是可变的）

2、不能够使用arguments对象

3、不能用作构造函数，这就是说不能够使用new命令，否则会抛出一个错误

4、不可以使用yield命令，因此箭头函数不能用作 Generator 函数