深入理解javascript之arguments

深入理解javascript之arguments

本文介紹arguments屬性。
每一個函數在定義的時候都會有一個內建的arguments屬性，這個arguments屬性類似數組但又不是數組。它具有數組的訪問方式和length屬性，卻又有caller，callee等屬性。
我們來舉一個arguments的使用例子：

var func = function(a,b){  document.write(a+' '+b+' '+);  document.write(arguments[0]+' '+arguments[1]+' '+arguments[2]+' '+);}func(1,2,3);結果為：

1 2
1 2 3

可以看到，我們可以通過arguments來訪問函數中的參數。但是可以發現一點，即使形參中只定義了兩個，而實參出現三個，arguments也可以訪問到。這是怎麼回事呢？這裡我們就需要介紹一下arguments的屬性了。

caller

對於函數來說，caller 屬性只有在函數執行時才有定義。假如函數是由頂層調用的，那麼 caller 包含的就是 null 。假如在字串上下文中使用 caller 屬性，那麼結果和 functionName.toString 相同，也就是說，顯示的是函數的反編譯文本。但是由於caller在後續版本會被棄用，這裡就不詳細介紹了。

callee

callee 屬性是 arguments 對象的一個成員，他表示對函數對象本身的引用，這有利於匿名函數的遞迴或確保函數的封裝性。callee擁有length屬性，這個屬性有時候用於驗證還是比較好的。arguments.length是實參度，arguments.callee.length是形參長度，由此能夠判斷調用時形參長度是否和實參長度一致。
看下面執行個體：

function func(a,b){  document.write(a+' '+b+' '+);  document.write(arguments[0]+' '+arguments[1]+' '+arguments[2]+' '+);  document.write(arguments.length+);//實參個數  document.write(arguments.callee.length+)//形參個數}func(1,2,3);

結果為：
1 2
1 2 3
3
2

callee還有一個作用就是用來調用函數自身，用法如下：

function commonParentNode(oNode1, oNode2) {    if(oNode1.contains(oNode2)){        return oNode1;    }else if(oNode2.contains(oNode1)){        return oNode2;    }else {        return arguments.callee(oNode1.parentNode,oNode2);//遞迴調用    }}

通過arguments.callee實現遞迴。