理解this 的作用域

this 的作用域分为以下几种情况。

1. 全局下的this的作用域。

2. 对象调用下的this的作用域。

3. 构造函数中this 的作用域。

4. apply/call 中this 的作用域。

一、全局下的this的作用域

我们在浏览器上打印，定义了一个全局变量name，foo和foo2 的方法是全局调用，this的指向是全局window；同时在foo2 下，this.name 可以被修改，但是this的指向依然是window对象。

我们可以理解为 在哪里定义，this的指向就是指向哪里。

二、对象调用下的this作用域

<图1>

<图2>

图1中，分别在obj和item上绑定foo(),同时item.foo()=obj.foo(); 在调用item.foo()时，this指向的对象为item，这就显示this的指向对象为调用位置对象。

图2中，同样在obj 和item 上同时绑定foo，但是item.foo中重新定义了testFoo，这个testFoo没有绑定到foo上，也没有绑定到item上，所以这个testFoo 是个匿名函数，this直接指向window；testFoo() == window.testFoo();

三、构造函数下的this作用域

全局定义了name 为“tom”，定义一个foo 匿名函数，函数内部定义this.name 为“john”；

定义一个obj 构造函数。this的指向为obj，obj.name 为 “john”，同时没有改变全局name值。

四、apply/call this的作用域

定义全局name 为“tom”，apply/call 指向null 默认为window对象；

apply/call 指向绑定对象方法一样。

转载于:https://juejin.im/post/5b374cf8518825749d2d6ac8