call、apply的应用

call方法:
语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
定义：调用一个对象的一个方法，以另一个对象替换当前对象。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

apply方法：
语法：apply([thisObj[,argArray]])
定义：应用某一对象的一个方法，用另一个对象替换当前对象。
说明：
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

 

看了以上方法定义后，是否明白call和apply方法了？估计有些同学还是不太明白。下面就通俗的讲一讲。

 

A.call(B,参数,参数,....)

A.apply(B,[参数,参数,....])

call和apply方法说得直白一点，就是将调用call或apply方法的对象A直接嵌入到对象B中，将A当作B对象的一个属性，那么对象B就可以调用A了。

1.如果对象A是一个函数，则我理解其执行的步骤为：

第一步：将A函数嵌入到B对象中，如：B.prototype.A=A;

第二步：对象B调用A函数并执行该函数，如：B.A();

 

2.如果A是一个类对象，则对象B继承A，A就是B的一个基类，如：

function A(name){
this.name=name;
}

function B(name,age){
A.call(this,name);
this.age=age;
}

 

其实call和apply这两个方法基本的区别就是参数的不同。

call第一个参数传对象，可以是null。参数以逗号分开进行传值，参数可以是任何类型。

apply第一个参数传对象，参数可以是数组或者arguments 对象。

 

这两个方法通常用在类的继承和回调函数方面。

function E(color){
    this.color=color;
}

function A(name){
    this.name=name;
}

function B(name,age,color){
    //多重继承
    //B继承A
    A.call(this,name);
    //B继承E
    E.call(this,color);
    this.age=age;
    this.show=function(callback){
        //将callback函数嵌入到B对象中，当作B对象的一个方法
        callback.call(this);
    };
}

var b=new B("Linda",20,"white");
b.show(function(){
    alert(this.name+" "+this.age+" "+this.color);
});

以上为本人浅见，若有深闻，还请多多探讨和指教！