目录
函数是否是用new来调用的?如果是的话this绑定新创建的对象。 var p = new Person();
函数是否通过call、apply来硬绑定调用的?如果是则this绑定的是指定的对象。 var p = sayHi.call(obj);
函数是否是被摸个上下文对象调用?如果是则this绑定这个上下文对象。 var p = obj.sayHi();
如果以上都不是的话,则使用默认绑定。 var p = sayHi();
记住这4句话
-
函数是否是用new来调用的?如果是的话this绑定新创建的对象。 var p = new Person();
-
函数是否通过call、apply来硬绑定调用的?如果是则this绑定的是指定的对象。 var p = sayHi.call(obj);
-
函数是否是被摸个上下文对象调用?如果是则this绑定这个上下文对象。 var p = obj.sayHi();
-
如果以上都不是的话,则使用默认绑定。 var p = sayHi();
实例1(new):
function person(name){
this.name=name;
}
var p = new person("张三")
console.log(p);
var p1 = new person("李四")
console.log(p1);
通过new来创建的对象,看他们的this,从下图中可以看到分别创建了新的对象。
实例2(硬绑定 call、apply)
var person = {
name:'person',
sayHi:function(){
console.log(this)
}
}
var o={name:'o1'};
person.sayHi.call(o);
看下图的this打印,这个this绑定的就是对象o:
实例3(上下文对象调用)
var person = {
name:'person',
sayHi:function(){
console.log(this)
}
}
var o={name:'o1'};
person.sayHi();
this打印如下图,直接绑定到person对象上:
实例4(使用默认绑定)
var name='person';
function sayHi(){
console.log(this)
}
sayHi();
打印的this是window
例外情况
var person = {
name:'person',
sayHi:function(){
console.log(this)
}
}
var o={name:'o1'};
person.sayHi.call(null);
当用call、apply第一个参数传入null或者undefined的时候,会采用默认的绑定规则,this就指向window。