众所周知,this是JavaScript中很重要的关键字,根据不同的使用情况,this的指向会有所不同,总的来说就是指向函数运行时的环境对象(箭头函数除外)。下面就分情况来进行讨论。
this的指向?
1. 全局作用域下的this和一般函数中的this:
全局作用域下以的this以及全局作用域下普通函数中的this就指向全局对象,即window(浏览器)/{}(Node.js全局环境)/global(Node.js普通函数)
this === window; //true
function f(){
return this;
}
f() === window; //true
如果函数中使用use strict,this则会指向undefined!
另外this没有作用域限制,嵌套函数不会继承上层函数的this!如果作为函数调用,会指向全局或undefined。因此如果想在外部函数访问this的值,权威指南给出的写法是将其保存到一个变量里:
var self = this;
2. 对象方法中的this
函数由哪个对象调用,this就指向哪个对象。下面一段代码中的函数f由obj对象调用,this自然就指向了obj对象。
var obj = {
prop: 1,
f: function(){
return this.prop;
}
};
obj.f(); //1
再来看一段代码:下面这段代码中,p对象继承自obj对象,p.f()中调用的虽然是obj中的f函数,但是this还是会指向p对象。再一次验证了之前说过原理,谁调用函数this就指向谁。
var obj = {
f