每一個 Javascript 函式都能在自己作用域內訪問一個特殊的變數 - arguments。這個變數含有一個傳遞給函式的所有引數的列表。
arguments 物件不是一個數組。儘管在語法上它跟陣列有相同的地方,例如它擁有 length 屬性。但它並不是從 otype 繼承而來,實際上,它就是一個物件。
因此,我們不能直接對 arguments 使用一些陣列的方法,例如 push, pop 或 slice 等。 所以為了使用這些方法,我們就需要將其轉換為一個真正的陣列。
轉化為陣列
下面的程式碼將會返回一個包含 arguments 物件所有元素的陣列。
(arguments);
由於轉化的速度很慢,所以在效能要求嚴格的程式中不建議這樣做。
傳遞引數
下面是一種比較推薦的方法,將 arguments 物件從一個函式傳遞到另一個函式。
複製程式碼 程式碼如下:
function foo() {
y(null, arguments);
}
function bar(a, b, c) {
// do stuff here
}
另外還有一個比較巧妙的方法,就是同時使用 call 和 apply 快速建立一個解綁的外層方法。
複製程式碼 程式碼如下:
function Foo() {}
od = function(a, b, c) {
(this, a, b, c);
};
// Create an unbound version of "method"
// It takes the parameters: this, arg1,
od = function() {
// Result: (this, arg1, arg2... argN)
y(od, arguments);
};
函式形參和 arguments 屬性的關係
arguments 物件為它自身屬性和函式的形參都建立了 getter 和 setter 方法。
因此,修改函式的形參會影響對應的 arguments 物件的屬性值,反之亦然。
複製程式碼 程式碼如下:
function foo(a, b, c) {
arguments[0] = 2;
a; // 2
b = 4;
arguments[1]; // 4
var d = c;
d = 9;
c; // 3
}
foo(1, 2, 3);
效能問題
arguments 只在兩種情況下不會被建立,一是在函式內部被宣告為區域性變數,二是當做函式的形參。其他情況,arguments 物件總是會被建立。
由於 getter 和 setter 方法總是會隨著 arguments 物件的建立而建立,因此使用 arguments 對效能本身幾乎沒有影響。
然而,有一種情形會嚴重影響 Javascript 的效能,那就是使用 ee。
複製程式碼 程式碼如下:
function foo() {
ee; // do something with this function object
er; // and the calling function object
}
function bigLoop() {
for(var i = 0; i < 100000; i++) {
foo(); // Would normally be inlined...
}
}
在上述程式碼中,foo 函式不再是一個簡單的內聯擴充套件,因為它需要知道它自身以及它的呼叫者(caller)。這不僅抵消了內聯擴充套件所帶來的`效能提升,同時也破壞了函式的封裝性,因為函式本身可能需要依賴於一個特定的呼叫背景。
因此,建議大家儘量不要使用 ee。
以上就是關於Javascript arguments 物件的全部內容了,小夥伴們是否瞭解透徹呢,簡單的說arguments指函式的引數物件(指實際傳入的引數)th指函式的引數物件的長度。 arguments[i]指第i個引數的值(第一個為0)