javascript中callee與caller的用法和應用場景_javascript技巧

看看下面的函數，大家可以復制到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的應用場景 主要用于察看函數本身被哪個函數調用。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com