js的call 与 apply 方法

调用一个对象的一个方法,并以另一个对象来替换该对象。
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下的所有方法了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值