理解this 的作用域

214 阅读1分钟

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 指向绑定对象方法一样。