DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中callee與caller的用法和應用場景
javascript中callee與caller的用法和應用場景
編輯:關於JavaScript     
caller :
functionName.caller 返回調用者。

看看下面的函數,大家可以復制到VS中執行下
復制代碼 代碼如下:
function caller() {
if (caller.caller) {
alert(caller.caller.toString());
} else {
alert("函數直接執行");
}
}
function handleCaller() {
caller();
}
handleCaller();
caller();


大家會發現第一個alert會彈出調用caller函數的調用者handleCaller,而第二個alert由於沒有在其他函數體內調用,所以caller為null,就執行了 alert("函數直接執行");


callee:


返回正被執行的 Function 對象,也就是所指定的 Function 對象的正文.
callee是arguments 的一個屬性成員,它表示對函數對象本身的引用,這有利於匿名

函數的遞歸或者保證函數的封裝性。 下面一段代碼先說明callee的用法,實例代碼摘自網上
復制代碼 代碼如下:
function calleeLengthDemo(arg1, arg2) {
alert(arguments.callee.toString());
if (arguments.length == arguments.callee.length) {
window.alert("驗證形參和實參長度正確!");
return;
} else {
alert("實參長度:" + arguments.length);
alert("形參長度: " + arguments.callee.length);
}
}
calleeLengthDemo(1);

第一個消息框彈出calleeLengthDemo函數本身,這說明callee就是函數本身對象的引用。callee還有個非常有用的應用就是用來判斷實際參數跟行參是否一致。上面的代碼第一個消息框會彈出實際參數的長度為1,形式參數也就是函數本身的參數長度為2.



應用場景:
callee的應用場景一般用於匿名函數
大家看下下面一段代碼 摘自網絡
復制代碼 代碼如下:
var fn=function(n){
if(n>0) return n+fn(n-1);
return 0;
}
alert(fn(10))

函數內部包含了對自身的引用,函數名僅僅是一個變量名,在函數內部調用即相當於調用
一個全局變量,不能很好的體現出是調用自身,這時使用callee會是一個比較好的方法
復制代碼 代碼如下:
var fn=(function(n){
if(n>0) return n+arguments.callee(n-1);
return 0;
})(10);
alert(fn)

這樣就讓代碼更加簡練。又防止了全局變量的污染。

caller的應用場景 主要用於察看函數本身被哪個函數調用。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved