javascript中this的指向

Posted 雷厉风行L

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中this的指向相关的知识,希望对你有一定的参考价值。

作为一个前端小白在开发中对于this的指向问题有时候总是会模糊,于是花时间研究了一番。

首先this是JS的关键字,this是js函数在运行是生成的一个内部对象,生成的这个this只能在函数内部使用。

但是随着函数使用场合的不同,this的值会发生变化。有一个原则不会变,那就是this指的是,调用函数的那个对象。

demo1:

此时函数运行的结果是 1 ,x是全局变量,因为匿名函数demo()是被window调用的,原始写法是window.demo(),因为demo()是被window调用的,所以this指向window,此时的x是全局变量,指向的是调用函数demo()的window。

demo2:

 

此时可以看到控制台打印的结果分别是3,1,1。此时调用demo()的 是对象obj,遵循javascript中this的指向原则,测试this指向的是obj。在函数下面打印出来的y的值是1可以看出函数内部的this.y不是全局的,所以此时this指向的是调用demo()这个函数的对象。

demo3:

此例中item是通过demo()函数生成的构造函数,这时的this指向和 上面 demo1的不同,此时this作为构造函数被调用的时候指向的是构造函数这个新的对象,因此控制台打印出来的分别是1和2,全局变量x的值没有被改变。

 

 

 

以上是关于javascript中this的指向的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript中this指向

JavaScript中控制this关键字的指向

JavaScript中this指向问题

javascript:this指向

this 的指向

this 的指向