關鍵字:arguments,callee,caller
arguments:表示傳入函數的參數
callee:表示函數和函數主體的語句
caller:表示呼叫該函數的函數
arguments
該物件代表正在執行的函數和呼叫它的函數的參數。
caller
傳回一個對函數的引用,該函數呼叫了當前函數。
functionName.caller
functionName 物件是所執行函數的名稱。
說明
對函數來說,caller屬性只有在函數執行時才有定義。如果函數是由頂層呼叫的,那麼caller包含的就是null 。如果在字串上下文中使用caller 屬性,那麼結果和functionName.toString一樣,也就是說,顯示的是函數的反編譯文字。
callee
傳回正被執行的Function 對象,也就是所指定的Function 對象的正文。
[function.]arguments.callee
可選項function 參數是目前正在執行的Function 物件的名稱。
說明
callee 屬性的初始值就是正被執行的Function 物件。
callee 屬性是arguments物件的一個成員,它表示對函數物件本身的引用,這有利於匿名函數的遞歸或保證函數的封裝性,例如下邊範例的遞歸計算1到n的自然數之和。而該屬性僅當相關函數正在執行時才可用。還有要注意的是callee擁有length屬性,這個屬性有時候用來驗證還是比較好的。 arguments.length是實參長度,arguments.callee.length是形參長度,由此可以判斷調用時形參長度是否和實參長度一致。
複製代碼代碼如下:
<script type='text/javascript'>
function test(x,y,z)
{
alert("實參長度:"+arguments.length);
alert("形參長度:"+arguments.callee.length);
alert("形參長度:"+test.length);
alert(arguments[ 0 ])
alert(test[ 0 ]) // undefined 沒有這種用法
}
//test(1,2,3);
test(1,2,3,4);
/*
* arguments不是數組(Array類別)
*/
Array.prototype.selfvalue = 1 ;
function testAguments() {
alert( " arguments.selfvalue= " + arguments.selfvalue);
}
alert("Array.sefvalue="+new Array().selfvalue);
testAguments();
/**/ /*
* 演示函數的caller屬性.
* 說明:(當前函數).caller:傳回一個對函數的引用,該函數呼叫了當前函數
*/
function callerDemo() {
if (callerDemo.caller) {
var a = callerDemo.caller.arguments[ 0 ];
alert(a);
} else {
alert( " this is a top function " );
}
}
function handleCaller() {
callerDemo();
}
callerDemo();
handleCaller("參數1","參數2");
/**/ /*
* 演示函數的callee屬性.
* 說明:arguments.callee:初始值就是正被執行的Function 物件,用於匿名函數
*/
function calleeDemo() {
alert(arguments.callee);
}
calleeDemo();
(function(arg0,arg1){alert("形數目為:"+arguments.callee.length)})();
/**/ /*
* 示範apply,call函數的用法
* 說明:作用都是將函數綁定到另一個物件上去運行,兩者僅在定義參數方式有所區別:
* apply(thisArg,argArray);
* call(thisArg[,arg1,arg2…] ]);
* 也就是所有函數內部的this指標都會被賦值為thisArg
*/
function ObjectA() {
alert( " 執行ObjectA() " );
alert(arguments[ 0 ]);
this .hit = function (msg) {alert(msg)}
this .info = " 我來自ObjectA "
}
function ObjectB() {
alert( " 執行ObjectB() " );
// 呼叫ObjectA()方法,同時ObjectA建構子中的所有this就會被ObjectB中的this取代
ObjectA.apply( this ,arguments); // ObjectA.call(this);
alert( this .info);
}
ObjectB('參數0');
var value = " global 變數" ;
function Obj() {
this .value = " 物件! " ;
}
function Fun1() {
alert( this .value);
}
Fun1();
Fun1.apply(window);
Fun1.apply(new Obj());
</script>