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下的所有方法了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。