apply/call

1、call，apply都屬於Function.prototype的一個方法，它是JavaScript引擎內在實現的，因爲屬於Function.prototype，所以每個Function對象實例(就是每個方法)都有call，apply屬性。既然作爲方法的屬性，那它們的使用就當然是針對方法的了，這兩個方法是容易混淆的，因爲它們的作用一樣，只是使用方式不同。

2、語法：foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments) == this.foo(arg1, arg2, arg3);

3、相同點：兩個方法產生的作用是完全一樣的。（都“可以用來代替另一個對象調用一個方法，將一個函數的對象上下文從初始的上下文改變爲由 thisObj 指定的新對象）

4、不同點：方法傳遞的參數不同。

call函數和apply方法的第一個參數都是要傳入給當前對象的對象，及函數內部的this。後面的參數都是傳遞給當前對象的參數。

對於第一個參數意義都一樣，但對第二個參數：

apply傳入的是一個參數數組，也就是將多個參數組合成爲一個數組傳入，而call則作爲call的參數傳入（從第二個參數開始）。

func.call(func1,var1,var2,var3) = func.apply(func1,[var1,var2,var3])

//

<script type="text/javascript">

/*定義一個人類*/

function Person(name,age)

{

this.name=name;

this.age=age;

}

/*定義一個學生類*/

function Student(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來裝換一下這個數組,即:

[javascript] view plain copy 

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

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

http://blog.csdn.net/myhahaxiao/article/details/6952321