js中call方法和apply方法解析

今天小熙带大家来详细的了解一下js中的call和apply方法。这两个方法基本上是一个意思，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组，也可以是arguments，还有 callee，caller..

1、方法定义

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

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

2、常用实例

Java代码

function Animal(){
this.name = "Animal";
this.showName = function(){
alert(this.name);
}
}
function Cat(){
this.name = "Cat";
}
var animal = new Animal();
var cat = new Cat();
animal.showName();//弹出Animal

//通过call或apply方法，将原本属于Animal对象的showName()方法交给对象cat来使用了。

//输入结果为"Cat"

animal.showName.call(cat,",");

//animal.showName.apply(cat,[]);

/这个是说 cat 已经继承了animal的方法了，虽然cat木有showName这个方法，但是通过call，已经把参数都传给了cat，cat直接调用继承到的showName()方法即可

c、实现继承

function Animal(name){

    this.name = name;

    this.showName = function(){

        alert(this.name);

    }

}



function Cat(name){

    Animal.call(this, name);

}



var cat = new Cat("Black Cat");

cat.showName(); //弹出Black Cat

执行过程：

首先执行var cat = new Cat("Black Cat");进入function Cat(name){
     Animal.call(this, name);
}
这时候的this为Cat{}对象，并非Animal，再接执行function Animal(name){
     this.name = name;
     this.showName = function(){
         alert(this.name);
     }
}
此时的this对象绑定为Cat{},因此是Cat对象获得了两个属性为：Cat{name:"Black Cat",showName:function(){
         alert(this.name);
     }}，回到var cat=Cat{name:"Black Cat",showName:function(){
         alert(this.name);
     }}

最后才是cat.showName();

d、多重继承

function Class10()

{

    this.showSub = function(a,b)

    {

        alert(a-b);

    }

}



function Class11()

{

    this.showAdd = function(a,b)

    {

        alert(a+b);

    }

}



function Class2()

{

    Class10.call(this);

    Class11.call(this);

}

var aa = new Class2(); aa.showSub(7,2)//弹出5

很简单，使用两个 call 就实现多重继承了。

听完小熙的讲解和贴码，大家是不是对call和apply方法有所了解了呢~~如有不懂，欢迎大家留言哦

js中call方法和apply方法解析

相关推荐