对call方法的分析
call([thisObject[,arg1 [,arg2 [,…,argn]]]])方法调用一个对象的一个方法,以另一个对象替换当前对象。那么当thisObj在不同情况下是什么样的呢?
- 函数
function a(){
this.kid = 'lily';
console.log(this);
}
function b(){
this.age = 15;
}
a.call(b);
如果是函数的话,则this指向b函数。那么a中的kid属性是否在b函数中呢?由上图可见,kid属性存在于b的constructor中,并且可以通过b.kid访问到,当然name除外.
2.null或者undefined
function a(){
this.kid = 'lily';
console.log(this);
}
a.call(null);
a.call(undefined);
如果是null或者undefined,则this指向window,属性kid也存在于window中。
3.字符串、数值、布尔
function a(){
this.kid = 'lily';
console.log(this);
}
a.call('a');
a.call(3);
a.call(true);
如果是字符串,数值,布尔,则this指向其包装类型如String,Number,Boolean。无法通过属性来访问kid。
4.数组
function a(){
this.kid = 'lily';
this.age = 14;
console.log(this);
}
var pram = ['aaa'];
a.call(pram);
如果是数组,则将a中this指向属性转换为键值对放入数组中,如上面的pram会变成[“aaa”, kid: “lily”, age: 14]。
5.对象
如果为对象,则this指向对象,较为常见,就不介绍了