Js apply 方法 具體解釋

標籤：style   blog   http   io   color   ar   使用   java   sp   

Js apply方法具體解釋

我在一開始看到javascript的函數apply和call時,很的模糊,看也看不懂,近期在網上看到一些文章對apply方法和call的一些示範範例,總算是看的有點眉目了,在這裡我做例如以下筆記,希望和大家分享..  如有什麼不正確的或者說法不明白的地方希望讀者多多提一些意見,以便共同提高..

主要我是要解決一下幾個問題:

1.        apply和call的差別在哪裡

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

3.        apply的其它巧妙使用方法（一般在什麼情況下能夠使用apply）

我首先從網上查到關於apply和call的定義,然後用示範範例來解釋這兩個方法的意思和怎樣去用.

         apply:方法能劫持另外一個對象的方法，繼承另外一個對象的屬性.

 Function.apply(obj,args)方法能接收兩個參數
obj：這個對象將取代Function類裡this對象
args：這個是數組，它將作為參數傳給Function（args-->arguments）

         call:和apply的意思一樣,僅僅只是是參數列表不一樣.

 Function.call(obj,[param1[,param2[,…[,paramN]]]])
obj：這個對象將取代Function類裡this對象
params：這個是一個參數列表

1.        apply示範範例:

<script type="text/javascript">/*定義一個人類*/function Person(name,age){this.name=name;this.age=age;}/*定義一個學生類*/functionStudent(name,age,grade){Person.apply(this,arguments);this.grade=grade;}//建立一個學生類var student=new Student("zhangsan",21,"一年級");//測試alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);//大家能夠看到測試結果name:zhangsan age:21  grade:一年級//學生類裡面我沒有給name和age屬性賦值啊,為什麼又存在這兩個屬性的值呢,這個就是apply的奇妙之處.</script>

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

this:在建立對象在這個時候代表的是student

arguments:是一個數組,也就是[“zhangsan”,”21”,”一年級”];

                   也就是通俗一點講就是:用student去運行Person這個類裡面的內容,在Person這個類裡面存在this.name等之類的語句,這樣就將屬性建立到了student對象裡面

 

2.        call示範範例

在Studen函數裡面能夠將apply中改動成例如以下:

Person.call(this,name,age);

這樣就ok了

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

在給對象參數的情況下,假設參數的形式是數組的時候,比方apply示範範例裡面傳遞了參數arguments,這個參數是數群組類型,而且在調用Person的時候參數的列表是相應一致的(也就是Person和Student的參數列表前兩位是一致的) 就能夠採用 apply , 假設我的Person的參數列表是這種(age,name),而Student的參數列表是(name,age,grade),這樣就能夠用call來實現了,也就是直接指定參數列表相應值的位置(Person.call(this,age,name,grade));

4.        apply的一些其它巧妙使用方法

細心的人可能已經察覺到,在我調用apply方法的時候,第一個參數是對象(this), 第二個參數是一個數組集合, 在調用Person的時候,他須要的不是一個數組,可是為什麼他給我一個數組我仍然能夠將數組解析為一個一個的參數,這個就是apply的一個巧妙的用處,能夠將一個數組預設的轉換為一個參數列表([param1,param2,param3] 轉換為 param1,param2,param3) 這個假設讓我們用程式來實現將數組的每個項,來裝換為參數的列表,可能都得費一會功夫,藉助apply的這點特性,所以就有了下面高效率的方法:

 

a)        Math.max 能夠實現得到數組中最大的一項

由於Math.max 參數裡面不支援Math.max([param1,param2]) 也就是數組

可是它支援Math.max(param1,param2,param3…),所以能夠依據剛才apply的那個特點來解決 var max=Math.max.apply(null,array),這樣輕易的能夠得到一個數組中最大的一項(apply會將一個數組裝換為一個參數接一個參數的傳遞給方法)

         這塊在調用的時候第一個參數給了一個null,這個是由於沒有對象去調用這種方法,我僅僅須要用這種方法幫我運算,得到返回的結果即可,.所以直接傳遞了一個null過去

b)        Math.min  能夠實現得到數組中最小的一項

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

c)        Array.prototype.push 能夠實現兩個數組合并

相同push方法沒有提供push一個數組,可是它提供了push(param1,param,…paramN) 所以相同也能夠通過apply來裝換一下這個數組,即:

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

也能夠這樣理解,arr1調用了push方法,參數是通過apply將數組裝換為參數列表的集合.

通常在什麼情況下,能夠使用apply類似Math.min等之類的特殊使用方法:

一般在目標函數僅僅須要n個參數列表,而不接收一個數組的形式（[param1[,param2[,…[,paramN]]]]）,能夠通過apply的方式巧妙地解決問題!

5.        總結:

一開始我對apply 很的不懂,最後多看了幾遍,自己多敲了幾遍代碼,才明確了中間的道理,所以,無論做什麼事情,僅僅要自己肯動腦子,肯動手寫程式,這樣一個技術就會掌握…   

還有比方第四部分得內容,巧妙的攻克了實實在在存在的問題,這個肯定不是一個剛開始學習的人能想到的解決方式(這個也不是我自己想的),沒有對編程有一定認識的不會想到這個的,還是一句話,多積累,多學習,提升自己的能力和對編程思想的理解能力才是最關鍵!

 

當中有大部分內容參考自:

http://www.cnblogs.com/xiaohongwu/archive/2011/06/15/2081237.html

中間是我對其的一些具體理解…

我也是一個js新生,假設博文哪裡寫的不是有問題或這不完好的地方,希望前輩們多多不吝賜教,謝謝

Js apply 方法 具體解釋