this指向
1. 函数预编译过程中this指向window
2. 全局作用域里this指向window
3. call/apply可以改变函数运行时this指向
4. 谁调用这个方法,这个方法里this指向的就是谁
看下面一个例子:
var name = '我是全局的';
var a = {
name: '我是a的',
say: function(){
console.log(this.name);
}
}
var fun = a.say;
fun(); // 打印'我是全局的'
a.say(); // 打印'我是a的'
var b = {
name: '我是b的',
say: function(fun){
fun();
}
}
b.say(a.say); // 打印'我是全局的'
b.say = a.say;
b.say(); // 打印'我是b的'
那么来讲解一下为什么会这么打印?
第一个,将一个函数的引用保存到全局中,然后在全局调用,此时函数内的this会指向window,所以打印‘我是全局的‘。
第二个,直接调用,this指向a。打印’我是a的‘。
第三个,将a的say方法的引用当作实参传入b的say方法中,但是执行的时候还是fun()自执行的,所以this还是指向window。打印’我是全局的‘。
第四个,将b对say方法的指向变成了对a的say方法的指向,相当于a的say方法覆盖了b的say方法,但是此时是b对该方法的调用,所以this指向b。打印’我是b的‘。
再来看下面一个例子:
var a = 5;
function test(){
a = 0;
console.log(a);
console.log(this.a);
var a;
console.log(a);
}
new test(); // 0 undefined 0
test(); // 0 5 0
这里需要解释一下:
1. 带new的执行构造函数即new test(),其中会创建一个this对象
2. 不带new的执行构造函数即test(),其中的this指向window
所以如果是new出来的话this.a就去this对象里找a这个属性,如果不是new出来的话this.a就去window里找a这个属性。