ECMAscript中的箭头函数

Posted 2020-10-06

ECMAscript6中新增了一些新的内容，今天来谈谈其中的箭头函数：

箭头函数：

　　箭头函数相当于匿名函数，并且简化了函数定义。

　　　　格式：

(参数)=>{函数体};

相当于匿名函数：

function(参数){函数体};

箭头函数与匿名函数的区别就是this的指向不同：

　　1.箭头函数中this默认指向在定义它时,它所处的对象,而不是执行时的对象, 定义它的时候,可能环境是window；

　　2.普通函数中的this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj；

　　3.在默认情况(非严格模式下,未使用 ‘use strict‘),没找到直接调用者,则this指的是 window；

　　4.在严格模式下,没有直接调用者的函数中的this是 undefined；

　　5.使用call,apply,bind(ES5新增)绑定的,this指的是 绑定的对象；