JS 箭头函数的this指向详解

箭头函数是ES6中的新增特性，他没有自己的this，其this指向从外层代码库继承。

使用箭头函数时要注意一下几点：

箭头函数不能用作构造函数，用的话会抛出一个错误 无法使用arguments参数，如果要用的话就用rest 无法使用yield命令，所以箭头函数无法用作Generator函数 因为没有自己的this，所以没法通过bind、call、apply来改变this指向 但是这不代表箭头函数的this指向是静态的，我们可以通过改变它外层代码库的this指向来控制 箭头函数的this从外层代码库继承，所以箭头函数的this是在定义的时候就绑定好了的，而普通函数是在调用的时候确定this指向 字面量对象中直接定义的箭头函数的this不绑定该对象，而是往外找一层，最简单的情况是绑定到window

PSthis修改方向即可。

在以上代码的基础上：

let fun4 = f2.bind(obj)() // objfun4() // obj

我们发现修改的是第二层方法的this指向，并且箭头函数也继承了下来。

  fun2: function () {    return function () { // 我们修改的是这里的this      console.log(this);      return () => { // 然后这里定义的时候就继承啦        console.log(this);      }    }  },

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容！