call()与apply()区别

Javascript的每个Function对象中有一个apply方法:

function.apply([thisObj[,argArray]])

还有一个类似功能的call方法:

function.call([thisObj[,arg1[, arg2[, [,.argN]]]]])

方法的定义 

apply:应用某一对象的一个方法,用另一个对象替换当前对象。

call:调用一个对象的一个方法,以另一个对象替换当前对象。

共同之处 

都“可以用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。”

不同之处 

apply:只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数,则把参数都写进这个数组里面,当然,即使只有一个参数,也要写进数组里面。如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数,例:func.apply(func1,[var1,var2,var3])。

call:则是直接的参数列表,主要用在js对象各方法互相调用的时候,使当前this实例指针保持一致,或在特殊情况下需要改变this指针。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj,例: func.call(func1,var1,var2,var3)。

function Animal(name) {
     this.name = name;
     this.showName = function() {
         console.log(this.name);
     };
 }
 
 function Cat(name) {
     Animal.call(this, name);
 }
 Cat.prototype = new Animal();
 
 function Dog(name) {
     Animal.apply(this, name);
 }
 Dog.prototype = new Animal();
 
 var cat = new Cat("Black Cat"); //call必须是object
 
 var dog = new Dog(["Black Dog"]); //apply必须是array
 
 cat.showName();
 dog.showName();
 
 console.log(cat instanceof Animal);
 console.log(dog instanceof Animal);

ps:当参数明确时可用call, 当参数不明确时可用apply给合arguments

 

posted @ 2015-12-21 23:01  junjin00123  阅读(120)  评论(0编辑  收藏  举报