ES6箭头函数

 箭头函数

1. 通过对象调用函数，this指向对象

2. 直接调用函数，this指向全局对象

3. 如果通过new调用函数，this指向新创建的对象

4. 如果通过apply、call、bind调用函数，this指向指定的数据

5. 如果是DOM事件函数，this指向事件源

使用语法

箭头函数是一个函数表达式，理论上，任何使用函数表达式的场景都可以使用箭头函数

完整语法：

(参数1, 参数2, ...)=>{
    //函数体
}

如果参数只有一个，可以省略小括号

参数 => {
​
}

如果箭头函数只有一条返回语句，可以省略大括号，和return关键字

参数 => 返回值

注意细节

• 箭头函数中，不存在this、arguments、new.target，如果使用了，则使用的是函数外层的对应的this、arguments、new.target

• 箭头函数没有原型

• 箭头函数不能作用构造函数使用

应用场景

1. 临时性使用的函数，并不会可以调用它，比如：

   1. 事件处理函数

   2. 异步处理函数

   3. 其他临时性的函数

2. 为了绑定外层this的函数

3. 在不影响其他代码的情况下，保持代码的简洁，最常见的，数组方法中的回调函数