对call方法的深度分析

对call方法的分析

call([thisObject[,arg1 [,arg2 [,…,argn]]]])方法调用一个对象的一个方法，以另一个对象替换当前对象。那么当thisObj在不同情况下是什么样的呢？

1. 函数

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指向对象，较为常见，就不介绍了