javascript中的this指的对象是什么？

JavaScript024

javascript中的this指的对象是什么？,第1张

查看JavaScript中this指向的对象，this指向的一句话法则：

永远指向其所在函数的所有者如果没有所有者时，指向window。

理解this的要点：关键在于将函数与函数名分开看待。同一个函数，在不同的执行方法下，会有不同的效果。

1）全局函数中的this指向

2）对象方法中的this指向

3）绑定函数时的this

4）绑定函数时的this

5）鼠标单击事件等进行函数的绑定时，this的指向

6）setTimeout等传参形式的this指向

7）改变this的方法：call,apply

资料参考：原生JavaScript this相关知识详解

面向对象编程中，我们经常要和this打交道。而对于函数中this到底指向哪里，对刚开始接触JavaScript的我们，经常会分不清楚。

我们必须明确的是函数中this的指向 不是固定 的，和函数执行时的环境有关，简单的说，我们可以理解函数中this指向的是 当前调用该函数的对象 ，所以我们也针对以下几种情况来消化下这种说话。

1、作为函数调用时

简单的例子如下：

在浏览器时执行该代码时，打印出来的都是window对象。

因为作为函数调用时，默认是被认为在全局对象中调用该函数（nodejs环境中是global对象） 注：不是在当前函数所处的作用域对象

有一点需要注意的是， 箭头函数 （我们等等再特殊讲下）

2、作为对象方法调用时

简单的例子如下

代码执行时，答应出来的是obj对象，name值是obj，这是满足我们的预期：函数目前就是作为obj的方法被调用，所以调用该函数的对象是obj。

这种情况我们很容易消化，但是换了一种情况就另当别论，如

这个时候打印出来的window对象，name值是test[what][what]

原来这个时候fn指向的是一个函数 （不是指向 obj执行logThis 这个行为） ，fn调用就是调用一个函数，也就是第一种情况，所以上面的例子就如下：

3、作为构造函数执行

简单的例子如下

这个时候打印出来的是我们新生成的people对象。

因为构造函数执行的过程我们可以简单理解为

1、新生成一个对象（people）

2、该对象原型对象指向构造函数的prototype对象(People.prototype)

3、通过新生成的对象调用构造函数（可以简单理解为People.call(this)）

4、作为箭头函数调用

简单例子如下

这个时候打印的我们可能因为都是window对象，然而结果打脸了，第一个打印的是window对象，第二个打印的是obj对象[发怒]

原来箭头函数， 不会生成新的this指向 ，箭头函数在哪个环境执行，指向的就是当前环境的this对象，也就是第二种情况下，this指向的obj.logThis()执行时的this指向（前面我们提到的是obj对象）

5、apply，call，bind调用

this的指针默认指向就是上面提到的4种，但是总有需求，我们想要自定义this指向，这个时候apply，call，bind这3个方法就排的上用场

这三个方法都是函数对象自身的方法，第一个参数支持传入的是函数调用时设置的this对象，如

这个时候第一个打印的是window对象（看1说明），第二个打印的是obj对象（我们通过传参的方法明确说明函数执行是的this对象是obj）

而这三个方法，不同如下

上述总结希望对大家有用[作揖]

JavaScript 中的 this 一直是容易让人误用的，尤其对于熟悉 Java 的程序员来说，因为 JavaScript 中的 this 与 Java 中的 this 有很大不同。在一个 function 的执行过程中，如果变量的前面加上了 this 作为前缀的话，如this.myVal，对此变量的求值就从 this 所表示的对象开始。this 的值取决于 function 被调用的方式，一共有四种，具体如下：如果一个 function 是一个对象的属性，该 funtion 被调用的时候，this 的值是这个对象。如果 function 调用的表达式包含句点（.）或是 []，this 的值是句点（.）或是 [] 之前的对象。如myObj.func和myObj["func"]中，func被调用时的 this 是myObj。如果一个 function 不是作为一个对象的属性，那么该 function 被调用的时候，this 的值是全局对象。当一个 function 中包含内部 function 的时候，如果不理解 this 的正确含义，很容易造成错误。这是由于内部 function 的 this 值与它外部的 function 的 this 值是不一样的。代码清单 5中，在myObj的func中有个内部名为inner的 function，在inner被调用的时候，this 的值是全局对象，因此找不到名为myVal的变量。这个时候通常的解决办法是将外部 function 的 this 值保存在一个变量中（此处为self），在内部 function 中使用它来查找变量。如果在一个 function 之前使用 new 的话，会创建一个新的对象，该 funtion 也会被调用，而 this 的值是新创建的那个对象。如function User(name) {this.name = name}var user1 = new User("Alex")中，通过调用new User("Alex")，会创建一个新的对象，以user1来引用，User这个 function 也会被调用，会在user1这个对象中设置名为name的属性，其值是Alex。可以通过 function 的 apply 和 call 方法来指定它被调用的时候的 this 的值。 apply 和 call 的第一个参数都是要指定的 this 的值，两者不同的是调用的实际参数在 apply 中是以数组的形式作为第二个参数传入的，而 call 中除了第一个参数之外的其它参数都是调用的实际参数。如func.apply(anotherObj, [arg1, arg2])中，func调用时候的 this 指的是anotherObj，两个参数分别是arg1和arg2。同样的功能用 call 来写则是func.call(anotherObj, arg1, arg2)。