javascript中this的指向

Posted 2020-09-27 雷厉风行L

作为一个前端小白在开发中对于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的值没有被改变。