Jsapply方法詳解

我在一開(kāi)始看到j(luò)avascript的函數(shù)apply和call時(shí),非常的模糊,看也看不懂,最近在網(wǎng)上看到一些文章對(duì)apply方法和call的一些示例,總算是看的有點(diǎn)眉目了,在這里我做如下筆記,希望和大家分享.. 如有什么不對(duì)的或者說(shuō)法不明確的地方希望讀者多多提一些意見(jiàn),以便共同提高..

創(chuàng)新互聯(lián)建站長(zhǎng)期為上千家客戶(hù)提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為崇左企業(yè)提供專(zhuān)業(yè)的做網(wǎng)站、成都網(wǎng)站制作，崇左網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

主要我是要解決一下幾個(gè)問(wèn)題:

1.apply和call的區(qū)別在哪里

2.什么情況下用apply,什么情況下用call

3.apply的其他巧妙用法（一般在什么情況下可以使用apply）

我首先從網(wǎng)上查到關(guān)于apply和call的定義,然后用示例來(lái)解釋這兩個(gè)方法的意思和如何去用.

apply:方法能劫持另外一個(gè)對(duì)象的方法，繼承另外一個(gè)對(duì)象的屬性.

Function.apply(obj,args)方法能接收兩個(gè)參數(shù)

obj：這個(gè)對(duì)象將代替Function類(lèi)里this對(duì)象

args：這個(gè)是數(shù)組，它將作為參數(shù)傳給Function（args-->arguments）

call:和apply的意思一樣,只不過(guò)是參數(shù)列表不一樣.

Function.call(obj,[param1[,param2[,…[,paramN]]]])

obj：這個(gè)對(duì)象將代替Function類(lèi)里this對(duì)象

params：這個(gè)是一個(gè)參數(shù)列表

1.apply示例:

<script type="text/javascript">  
/*定義一個(gè)人類(lèi)*/  
function Person(name,age) {  
this.name=name; this.age=age;  
}  
/*定義一個(gè)學(xué)生類(lèi)*/  
functionStudent(name,age,grade) {  
  Person.apply(this,arguments); this.grade=grade;  
}  
//創(chuàng)建一個(gè)學(xué)生類(lèi)  
var student=new Student("qian",21,"一年級(jí)");  
//測(cè)試  
alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);  
//大家可以看到測(cè)試結(jié)果name:qian age:21 grade:一年級(jí)  
//學(xué)生類(lèi)里面我沒(méi)有給name和age屬性賦值啊,為什么又存在這兩個(gè)屬性的值呢,這個(gè)就是apply的神奇之處.  
</script>

分析: Person.apply(this,arguments);

this:在創(chuàng)建對(duì)象在這個(gè)時(shí)候代表的是student

arguments:是一個(gè)數(shù)組,也就是[“qian”,”21”,”一年級(jí)”];

也就是通俗一點(diǎn)講就是:用student去執(zhí)行Person這個(gè)類(lèi)里面的內(nèi)容,在Person這個(gè)類(lèi)里面存在this.name等之類(lèi)的語(yǔ)句,這樣就將屬性創(chuàng)建到了student對(duì)象里面

2.call示例

在Studen函數(shù)里面可以將apply中修改成如下:

Person.call(this,name,age);

這樣就ok了

3.什么情況下用apply,什么情況下用call

在給對(duì)象參數(shù)的情況下,如果參數(shù)的形式是數(shù)組的時(shí)候,比如apply示例里面?zhèn)鬟f了參數(shù)arguments,這個(gè)參數(shù)是數(shù)組類(lèi)型,并且在調(diào)用Person的時(shí)候參數(shù)的列表是對(duì)應(yīng)一致的(也就是Person和Student的參數(shù)列表前兩位是一致的) 就可以采用 apply , 如果我的Person的參數(shù)列表是這樣的(age,name),而Student的參數(shù)列表是(name,age,grade),這樣就可以用call來(lái)實(shí)現(xiàn)了,也就是直接指定參數(shù)列表對(duì)應(yīng)值的位置(Person.call(this,age,name,grade));

4.apply的一些其他巧妙用法

細(xì)心的人可能已經(jīng)察覺(jué)到,在我調(diào)用apply方法的時(shí)候,第一個(gè)參數(shù)是對(duì)象(this), 第二個(gè)參數(shù)是一個(gè)數(shù)組集合,

在調(diào)用Person的時(shí)候,他需要的不是一個(gè)數(shù)組,但是為什么他給我一個(gè)數(shù)組我仍然可以將數(shù)組解析為一個(gè)一個(gè)的參數(shù),

這個(gè)就是apply的一個(gè)巧妙的用處,可以將一個(gè)數(shù)組默認(rèn)的轉(zhuǎn)換為一個(gè)參數(shù)列表([param1,param2,param3] 轉(zhuǎn)換為 param1,param2,param3) 這個(gè)如果讓我們用程序來(lái)實(shí)現(xiàn)將數(shù)組的每一個(gè)項(xiàng),來(lái)裝換為參數(shù)的列表,可能都得費(fèi)一會(huì)功夫,借助apply的這點(diǎn)特性,所以就有了以下高效率的方法:

a)Math.max 可以實(shí)現(xiàn)得到數(shù)組中最大的一項(xiàng)

因?yàn)镸ath.max 參數(shù)里面不支持Math.max([param1,param2]) 也就是數(shù)組

但是它支持Math.max(param1,param2,param3…),所以可以根據(jù)剛才apply的那個(gè)特點(diǎn)來(lái)解決 var max=Math.max.apply(null,array),這樣輕易的可以得到一個(gè)數(shù)組中最大的一項(xiàng)

(apply會(huì)將一個(gè)數(shù)組裝換為一個(gè)參數(shù)接一個(gè)參數(shù)的傳遞給方法)

這塊在調(diào)用的時(shí)候第一個(gè)參數(shù)給了一個(gè)null,這個(gè)是因?yàn)闆](méi)有對(duì)象去調(diào)用這個(gè)方法,我只需要用這個(gè)方法幫我運(yùn)算,得到返回的結(jié)果就行,.所以直接傳遞了一個(gè)null過(guò)去

b)Math.min 可以實(shí)現(xiàn)得到數(shù)組中最小的一項(xiàng)

同樣和 max是一個(gè)思想 var min=Math.min.apply(null,array);

c)Array.prototype.push 可以實(shí)現(xiàn)兩個(gè)數(shù)組合并

同樣push方法沒(méi)有提供push一個(gè)數(shù)組,但是它提供了push(param1,param,…paramN) 所以同樣也可以通過(guò)apply來(lái)裝換一下這個(gè)數(shù)組,即:

vararr1=new Array("1","2","3"); 
vararr2=new Array("4","5","6"); 
Array.prototype.push.apply(arr1,arr2);

也可以這樣理解,arr1調(diào)用了push方法,參數(shù)是通過(guò)apply將數(shù)組裝換為參數(shù)列表的集合.

通常在什么情況下,可以使用apply類(lèi)似Math.min等之類(lèi)的特殊用法:

一般在目標(biāo)函數(shù)只需要n個(gè)參數(shù)列表,而不接收一個(gè)數(shù)組的形式（[param1[,param2[,…[,paramN]]]]）,可以通過(guò)apply的方式巧妙地解決這個(gè)問(wèn)題!

5.總結(jié):

一開(kāi)始我對(duì)apply 非常的不懂,最后多看了幾遍,自己多敲了幾遍代碼,才明白了中間的道理,所以,不管做什么事情,只要自己肯動(dòng)腦子,肯動(dòng)手敲代碼,這樣一個(gè)技術(shù)就會(huì)掌握…

還有比如第四部分得內(nèi)容,巧妙的解決了實(shí)實(shí)在在存在的問(wèn)題,這個(gè)肯定不是一個(gè)初學(xué)者能想到的解決方案(這個(gè)也不是我自己想的),沒(méi)有對(duì)編程有一定認(rèn)識(shí)的不會(huì)想到這個(gè)的,還是一句話,多積累,多學(xué)習(xí),提升自己的能力和對(duì)編程思想的理解能力才是最關(guān)鍵!

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持創(chuàng)新互聯(lián)！

當(dāng)前名稱(chēng)：Jsapply方法詳解
URL鏈接：http://muchs.cn/article32/ijossc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、做網(wǎng)站、標(biāo)簽優(yōu)化、品牌網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容