1. 程式人生 > 其它 >JavaScript Function.apply() 函式詳解

JavaScript Function.apply() 函式詳解

JavaScript Function.apply() 函式詳解 
apply()函式用於呼叫當前函式functionObject,並可同時使用指定物件thisObj作為本次函式執行時函式內部的this指標引用。

該函式屬於Function物件,所有主流瀏覽器均支援該函式。

語法
functionObject.apply( [ thisObj [, argsArray ]] )
引數
引數    描述
thisObj    可選/Object型別指定執行functionObject函式時,函式內部this指標引用的物件。
argsArray    可選/Array|argumens物件呼叫functionObject函式時所傳入的引數陣列或arguments物件。
如果提供了argsArray引數,則該引數必須是一個數組,或者arguments物件。陣列中的每個元素(arguments物件中的每個屬性0...n)將按照順序作為引數傳入該函式。

如果提供了argsArray引數,則必須提供thisObj引數。

備註:該函式與Function物件的call()函式作用相同,只不過call()函式是將Function物件的引數一個個分別傳入,apply()函式是將Function物件的引數以一個數組或arguments物件的形式整體傳入。

返回值
apply()方法的返回值為任意型別,其返回值取決於當前functionObject物件的返回值。

示例
&說明 name = "張三"; age = 18; function test(){ document.writeln(this); document.writeln(this.name); document.writeln(this.age); }; // 全域性函式內部的this預設為全域性物件window test(); // [object Window] 張三 18 var obj = {name: "李四", age: 20}; // 更改內部的this指標引用物件為obj test.apply(obj); // [object Object] 李四 20
function foo(a, b){ document.writeln(this.name); document.writeln(a); document.writeln(b); } // 改變this引用為obj,同時傳遞兩個引數 foo.apply(obj, [12, true]); // 李四 12 true function bar(){ var o = {name: "王五"}; // 呼叫foo()函式,並改變其this為物件o,傳入當前函式的引數物件arguments作為其引數 foo.apply(o, arguments); } bar(
"CodePlayer", "www.365mini.com"); // 王五 CodePlayer www.365mini.com call 和 apply 都是為了改變某個函式執行時的 context 即上下文而存在的,換句話說,就是為了改變函式體內部 this 的指向。因為 JavaScript 的函式存在「定義時上下文」和「執行時上下文」以及「上下文是可以改變的」這樣的概念。 二者的作用完全一樣,只是接受引數的方式不太一樣。例如,有一個函式 func1 定義如下: var func1 = function(arg1, arg2) {}; 就可以通過 func1.call(this, arg1, arg2); 或者 func1.apply(this, [arg1, arg2]); 來呼叫。其中 this 是你想指定的上下文,他可以任何一個 JavaScript 物件(JavaScript 中一切皆物件),call 需要把引數按順序傳遞進去,而 apply 則是把引數放在數組裡。 JavaScript 中,某個函式的引數數量是不固定的,因此要說適用條件的話,當你的引數是明確知道數量時,用 call,而不確定的時候,用 apply,然後把引數 push 進陣列傳遞進去。當引數數量不確定時,函式內部也可以通過 arguments 這個陣列來便利所有的引數。 龍騰一族至尊龍騎