js arguments,jcallee caller用法總結
關鍵字:arguments,callee,caller
arguments:表示傳入函數的參數
callee:表示函數和函數主體的語句
caller:表示調用該函數的函數
arguments
該對象代表正在執(zhí)行的函數和調用它的函數的參數。
caller
返回一個對函數的引用,該函數調用了當前函數。
functionName.caller
functionName 對象是所執(zhí)行函數的名稱。
說明
對于函數來說,caller屬性只有在函數執(zhí)行時才有定義。如果函數是由頂層調用的,那么 caller包含的就是 null 。如果在字符串上下文中使用 caller 屬性,那么結果和functionName.toString一樣,也就是說,顯示的是函數的反編譯文本。
callee
返回正被執(zhí)行的 Function 對象,也就是所指定的Function 對象的正文。
[function.]arguments.callee
可選項 function 參數是當前正在執(zhí)行的 Function 對象的名稱。
說明
callee 屬性的初始值就是正被執(zhí)行的 Function 對象。
callee 屬性是 arguments對象的一個成員,它表示對函數對象本身的引用,這有利于匿名函數的遞歸或者保證函數的封裝性,例如下邊示例的遞歸計算1到n的自然數之和。而該屬性僅當相關函數正在執(zhí)行時才可用。還有需要注意的是callee擁有l(wèi)ength屬性,這個屬性有時候用于驗證還是比較好的。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:初始值就是正被執(zhí)行的 Function 對象,用于匿名函數
*/
function calleeDemo() {
alert(arguments.callee);
}
calleeDemo();
(function(arg0,arg1){alert("形數數目為:"+arguments.callee.length)})();
/**/ /*
* 演示apply,call函數的用法
* 說明:作用都是將函數綁定到另外一個對象上去運行,兩者僅在定義參數方式有所區(qū)別:
* apply(thisArg,argArray);
* call(thisArg[,arg1,arg2…] ]);
* 即所有函數內部的this指針都會被賦值為thisArg
*/
function ObjectA() {
alert( " 執(zhí)行ObjectA() " );
alert(arguments[ 0 ]);
this .hit = function (msg) {alert(msg)}
this .info = " 我來自ObjectA "
}
function ObjectB() {
alert( " 執(zhí)行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>
相關文章
Web版彷 Visual Studio 2003 顏色選擇器
Web版彷 Visual Studio 2003 顏色選擇器...2007-01-01JavaScript?中URL?查詢字符串(query?string)的序列與反序列化的方法
在 JavaScript 中,可以使用?URLSearchParams?對象來處理 URL 中的查詢字符串,這篇文章主要介紹了JavaScript?中URL查詢字符串(query?string)的序列與反序列化,需要的朋友可以參考下2023-01-01Javascript DOM事件操作小結(監(jiān)聽鼠標點擊、釋放,懸停、離開等)
這篇文章主要介紹了Javascript DOM事件操作,結合實例形式總結分析了javascript監(jiān)聽鼠標點擊、釋放,懸停、離開等操作技巧,需要的朋友可以參考下2017-01-01