Javascript中call和apply的区别和用法

JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。
其实就是更改对象的内部指针，即改变对象的this指向的内容。这在面向对象的js编程过程中有时是很有用的。

call函数和apply方法的第一个参数都是要传入给当前对象的对象，及函数内部的this。后面的参数都是传递给当前对象的参数。
如下：

<script>

   var func=new function(){this.a="func"}

    var myfunc=function(x){

        var a="myfunc";

        alert(this.a);

        alert(x);

    }

    myfunc.call(func,"var");

</script>

可见分别弹出了func和var。到这里就对call的每个参数的意义有所了解了。

对于apply和call两者在作用上是相同的，但两者在参数上有区别的。
对于第一个参数意义都一样，但对第二个参数：
apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。
如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3])
同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入。
常用实例
1、 这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4);

// 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。

function add(a,b)

{

    alert(a+b);

}

function sub(a,b)

{

    alert(a-b);

}

add.call(sub,3,1);

2、 call 的意思是把 animal 的方法放到cat上执行，原来cat是没有showName() 方法，现在是把animal 的showName()方法放到 cat上来执行，所以this.name 应该是 Cat

function Animal(){

    this.name = "Animal";

    this.showName = function(){

        alert(this.name);

    }

}    

function Cat(){

    this.name = "Cat";

}    

var animal = new Animal();

var cat = new Cat();    

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

//输入结果为"Cat"

animal.showName.call(cat);

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

3、 Animal.call(this) 的意思就是使用 Animal对象代替this对象，那么 Cat中不就有Animal的所有属性和方法了吗，Cat对象就能够直接调用Animal的方法以及属性了.

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();

4、多重继承

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);

}

巴特西

Javascript中call和apply的区别和用法

最新文章

热门文章