js中apply与call简单用法详解
你可以直接看例子,也可以先读一下介绍:
call和apply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作。
call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call,apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同.
从上面可以得出call,apply是给方法使用的,为了改变调用该方法的this指针
简单例子:
call
functionA(){
this.getName=function(xx){
returnxx;
}
}
functionB(){
}
vara=newA();
console.log(a.getName('iamA'));//iamA
varb=newB();
console.log(a.getName.call(b,'iamB'));//iamB
B函数中没有任何方法,A函数有个getName()方法,a.getName()自然成立,但B也要使用getName()的方法怎么办呢?那就用call(this,'参数')!!
可以再理解一下这句话--我们可以借助call或apply调用其它对象的方法来操作,call和apply是为了动态改变this而出现的,本来a.getName()的this指向a,call动态的把this指向了b,变成了b.getName()
apply
apply与call只是参数的使用不同而已
functionA(){
this.sun=function(a,b){
returna+b;
}
}
functionB(){
}
vara=newA();
console.log(a.sun(1,2));//3
varb=newB();
console.log(a.sun.call(b,2,2));//4
console.log(a.sun.apply(b,[3,3]));//6
call和apply一般使用情况
用的比较多的,通过document.getElementsByTagName选择的dom节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过:
vardomNodes=Array.prototype.slice.call(document.getElementsByTagName("*"));
这样domNodes就可以应用Array下的所有方法了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
10 读书祝福语女生短句简短
11 感谢同事新婚祝福语简短
12 感谢教官文案祝福语简短
13 员工聚会蛋糕祝福语简短
14 元宵发客户祝福语简短
15 给团队信心祝福语简短
16 医美的祝福语大全简短
17 异国姻缘的祝福语简短
18 兄妹拍照祝福语简短的话