js中this的指向

js中this指向是个复杂的问题,而且经常一不小心就犯错。在这里总结下this绑定的原则。

要判断一个运行中函数的this绑定,首先需要找到这个函数的直接调用位置。然后就可以顺序的使用以下四条规则来判断this的绑定对象。

  1. 由new调用?绑定到新创建的对象

  2. 使用了call、apply、bind调用?绑定到指定的对象。

  3. 由上下文调用?绑定到这个上下文对象。

  4. 默认:严格模式下绑定到undefined,非严格模式下绑定到全局对象

ES6中的箭头函数并需要使用者四条规则。箭头函数是一种优化,它没有自己的this绑定,而是继承外层函数的绑定,类似于ES6之前的self=this机制。

原文地址:https://www.cnblogs.com/diyichen/p/11222905.html