您的位置:首页 > 移动开发

js的call 与 apply 方法

2017-07-21 16:49 501 查看
调用一个对象的一个方法,并以另一个对象来替换该对象。

call(thisObject,arg1,arg2,…,argn);

apply(thisObject,[arg1,arg2,…,argn]);

call和apply都是为了改变某个函数运行时的context即上下文而存在的,换言之,即为了改变函数体内部的this的指向的。二者作用一样,只不过是接受参数的形式不一样。

obj.call(thisObj,arg1,arg2,…);

obj.apply(thisObj,[arg1,arg2,…]);

两者的作用一致,都是将obj(即this)绑定到thisObj,这时候thisObj具备了obj的属性和方法。

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,[]);


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

function cat(){};
cat.prototype={
food:"fish",
say: function(){
alert("I love "+this.food);
}
}
var blackCat = new cat;
blackCat.say();


如果一个对象为dog={food:’bone’},我们不想对它重新定义say方法,此时可以通过apply或call 用blackCat的say方法,即:blackCat.say.call(dog)

此时弹框弹出:i love bone。

call和apply是为了动态改变this的,当一个object没有某个方法,但其他有时,就可借助这两个方法。

用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过:var domNodes = Array.prototype.slice.call(document.getElementsByTagName(“*”));这样domNodes就可以应用Array下的所有方法了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: