Js apply()使用詳解
- 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("qian",21,"一年級");
- alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);
- </script>
-
- 分析: Person.apply(this,arguments);
-
- this:在建立對象在這個時候表明的是student
-
- arguments:是一個數組,也就是[「qian」,」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 很是的不懂,最後多看了幾遍,本身多敲了幾遍代碼,才明白了中間的道理,因此,無論作什麼事情,只要本身肯動腦子,肯動手敲代碼,這樣一個技術就會掌握…
-
- 還有好比第四部分得內容,巧妙的解決了實實在在存在的問題,這個確定不是一個初學者能想到的解決方案(這個也不是我本身想的),沒有對編程有必定認識的不會想到這個的,仍是一句話,多積累,多學習,提高本身的能力和對編程思想的理解能力纔是最關鍵!
歡迎關注本站公眾號,獲取更多信息