箭头函数

admin

说明：箭头函数是ECMAScript2015（简称：ES6）中新增的一种定义函数的语法，是ES6的核心语法。在Node.js、React、小程序开发语法中有广泛的应用，但需要注意的是在箭头函数体内的this指代箭头函数的外层函数。

箭头函数适用于匿名函数，是一种简写语法（简化了函数定义），采用如下代码示例：

1. () => {}

复制代码

示例说明：
1、函数参数放置于=>左侧的圆括号内，如：(a, b) => {}，但如果函数的参数是单个参数的时候，括号可以省略，如：a => {}是正确的写法，如果是单个return可以省略花括号{}简写成：a => b。
2、函数体放在=>右侧的花括号内，比如：

1. (a,b) => {
   
2.    return a+b
   
3. }

复制代码

其中：return a+b就是函数体，返回参数a和参数b的和。
如果函数体内使用了this关键字，即表明this是指向外层函数上下文的。
箭头=>实际可以理解从输入到输出的转换，即从左侧形参到右侧输出。

3、普通函数可用作构造函数，但箭头函数不可以，例如：

1. const bar = () => {
   
2.    this.name = name
   
3. }
   
4. const instance = new bar()

复制代码

上述代码运行会报错。