JavaScript进阶——箭头函数

1. 箭头函数介绍

1. 1 目的

• 引入箭头函数的目的是更简短的函数写法并且不绑定 this ，箭头函数的语法比函数表达式更简洁

1. 2 使用场景

• 箭头函数更适用于那些本来需要匿名函数的地方

1. 3 注意

• 箭头函数属于表达式函数，因此不存在函数提升

2. 基本语法 

2. 1 语法1：基本写法

2. 2 语法2：只有一个参数可以省略小括号

2. 3 语法3：箭头函数函数体只有一行代码时可以省略花括号{ ｝，并自动做为返回值被返回

2. 4 语法4：加括号的函数体返回对象字面量表达式

3.箭头函数参数

3. 1 普通函数有 arguments 动态参数

3. 2 箭头函数没有 arguments 动态参数，但是有剩余参数 . . . args

4.箭头函数this 

4. 1 介绍

• 在箭头函数出现之前，每一个新函数根据它是被如何调用的来定义这个函数的 this 值
• 箭头函数不会创建自己的 this ，它只会从自己的作用域链的上一层沿用 this

• 事件回调函数使用箭头函数时， this 为全局的 window ，因此 DOM 事件回调函数为了简便，还是不太推荐使用箭头函数