ES6箭头函数
ES6中在封装代码时使用箭头函数,它是弱化版的函数,在语法上来说更为精简,更为容易识别, 但在本质上没有改变,所以将它视为语法糖
普通函数定义方式:

箭头函数定义方式:

以上两种定义结果相同
箭头函数的基本结构 :
1. 所有箭头函数都没有名字;
2. 必须使用赋值式声明去声明箭头函数;
形式如下:
(形参的) => {代码的}
let foo = () => {}
箭头函数的简写;
1. 如果参数只有一个,那么可以省略小括号;

2. 如果代码只有一行,那么可以省略大括号;

3. 省略大括号的时候,会默认返回运算结果;

箭头函数使用注意事项;
1. 箭头函数不支持arguments
如果需要使用arguments接受参数的特性,我们直接 ...a 传递参数就可以了;

2. this 指向存在差异;
函数 : 函数的this指向函数的调用者 ;
箭头函数this指向在声明函数的时候已经固定了,终身不变。扒掉外层的箭头函数,此时的this指向谁,那么箭头函数this就永远指向谁。

浙公网安备 33010602011771号