JavaScript之this的工作原理

 JavaScript 有一套完全不同于其它语言的对 this 的处理机制。

在五种不同的情况下 ，this 指向的各不相同。

1。全局范围内

 

当在全部范围内使用 this，它将会指向全局对象。

2。函数调用

这里 this 也会指向全局对象，可以这么理解

在这里，我们可以这么理解没有明确的调用对象的时候，函数的this还是在全局范围内，所以这里的this绑定到全局的window对象

 3。对象方法的调用

故名思义，这里的this是在对象中的

我们在控制台中打印

这里的this指向的是对象obj

当然了下面这种情况, this指向的也是obj

所以,可以这么理解,函数在对象内部或者在对象外部定义,实现的效果一样

就是说this指向的对象同样都是obj

作为对象属性的函数，对于对象来说是独立的

当然了,对象中this也会存在绑定丢失的问题

这里可以看到this指向的并不是obj对象，而是外部的全局环境

所以，我们可以看到在某些情况下(赋值操作)，this的隐式绑定所存在的this绑定丢失的问题。

就是执行“ func= obj.b”之后func的调用和obj.b调用的结果是不同的，因为这个函数赋值的过程无法把b所绑定的this也传递过

所以在这种情况下，this绑定丢失之后导致的问题是，这个时候this无法指向obj对象，而指向了全局环境，所以a的结果就为2

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有