javascript中this的指向

时间:2021-03-30 06:15:41

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

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

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

demo1:

javascript中this的指向

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

demo2:

javascript中this的指向

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

demo3:

javascript中this的指向

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