javascript中callee與caller的用法和應用場景
更新時間：2010年12月08日 16:14:07 作者：
javascript中callee和caller的用法和應用場景分析，需要的朋友可以參考下。
caller :
functionName.caller 返回調用者。
看看下面的函數(shù)，大家可以復制到VS中執(zhí)行下
function caller() {
if (caller.caller) {
alert(caller.caller.toString());
} else {
alert("函數(shù)直接執(zhí)行");
}
}
function handleCaller() {
caller();
}
handleCaller();
caller();
大家會發(fā)現(xiàn)第一個alert會彈出調用caller函數(shù)的調用者handleCaller，而第二個alert由于沒有在其他函數(shù)體內調用,所以caller為null,就執(zhí)行了 alert("函數(shù)直接執(zhí)行");
callee:
返回正被執(zhí)行的 Function 對象，也就是所指定的 Function 對象的正文.
callee是arguments 的一個屬性成員，它表示對函數(shù)對象本身的引用，這有利于匿名
函數(shù)的遞歸或者保證函數(shù)的封裝性。 下面一段代碼先說明callee的用法，實例代碼摘自網(wǎng)上
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函數(shù)本身,這說明callee就是函數(shù)本身對象的引用。callee還有個非常有用的應用就是用來判斷實際參數(shù)跟行參是否一致。上面的代碼第一個消息框會彈出實際參數(shù)的長度為1，形式參數(shù)也就是函數(shù)本身的參數(shù)長度為2.
應用場景：
callee的應用場景一般用于匿名函數(shù)
大家看下下面一段代碼 摘自網(wǎng)絡
var fn=function(n){
if(n>0) return n+fn(n-1);
return 0;
}
alert(fn(10))
函數(shù)內部包含了對自身的引用，函數(shù)名僅僅是一個變量名，在函數(shù)內部調用即相當于調用
一個全局變量，不能很好的體現(xiàn)出是調用自身，這時使用callee會是一個比較好的方法
var fn=(function(n){
if(n>0) return n+arguments.callee(n-1);
return 0;
})(10);
alert(fn)
這樣就讓代碼更加簡練。又防止了全局變量的污染。
caller的應用場景 主要用于察看函數(shù)本身被哪個函數(shù)調用。
functionName.caller 返回調用者。
看看下面的函數(shù)，大家可以復制到VS中執(zhí)行下
復制代碼 代碼如下:
function caller() {
if (caller.caller) {
alert(caller.caller.toString());
} else {
alert("函數(shù)直接執(zhí)行");
}
}
function handleCaller() {
caller();
}
handleCaller();
caller();
大家會發(fā)現(xiàn)第一個alert會彈出調用caller函數(shù)的調用者handleCaller，而第二個alert由于沒有在其他函數(shù)體內調用,所以caller為null,就執(zhí)行了 alert("函數(shù)直接執(zhí)行");
callee:
返回正被執(zhí)行的 Function 對象，也就是所指定的 Function 對象的正文.
callee是arguments 的一個屬性成員，它表示對函數(shù)對象本身的引用，這有利于匿名
函數(shù)的遞歸或者保證函數(shù)的封裝性。 下面一段代碼先說明callee的用法，實例代碼摘自網(wǎng)上
復制代碼 代碼如下:
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函數(shù)本身,這說明callee就是函數(shù)本身對象的引用。callee還有個非常有用的應用就是用來判斷實際參數(shù)跟行參是否一致。上面的代碼第一個消息框會彈出實際參數(shù)的長度為1，形式參數(shù)也就是函數(shù)本身的參數(shù)長度為2.
應用場景：
callee的應用場景一般用于匿名函數(shù)
大家看下下面一段代碼 摘自網(wǎng)絡
復制代碼 代碼如下:
var fn=function(n){
if(n>0) return n+fn(n-1);
return 0;
}
alert(fn(10))
函數(shù)內部包含了對自身的引用，函數(shù)名僅僅是一個變量名，在函數(shù)內部調用即相當于調用
一個全局變量，不能很好的體現(xiàn)出是調用自身，這時使用callee會是一個比較好的方法
復制代碼 代碼如下:
var fn=(function(n){
if(n>0) return n+arguments.callee(n-1);
return 0;
})(10);
alert(fn)
這樣就讓代碼更加簡練。又防止了全局變量的污染。
caller的應用場景 主要用于察看函數(shù)本身被哪個函數(shù)調用。
您可能感興趣的文章:
- js apply/call/caller/callee/bind使用方法與區(qū)別分析
- javascript下arguments,caller,callee,call,apply示例及理解
- js中arguments,caller,callee,apply的用法小結
- 理解Javascript的caller,callee,call,apply區(qū)別
- Javascript - 全面理解 caller，callee，call，apply
- 理解JavaScript的caller,callee,call,apply
- JavaScript中的apply()方法和call()方法使用介紹
- js中繼承的幾種用法總結(apply,call,prototype)
- 詳解js中的apply與call的用法
- javascript中apply和call方法的作用及區(qū)別說明
- javascript中callee與caller的區(qū)別分析
- javascript中call,apply,callee,caller用法實例分析
相關文章
這篇文章主要介紹了JavaScript實現(xiàn)圖片懶加載的方法,結合實例形式分析了javascript圖片懶加載的原理、操作步驟與相關實現(xiàn)技巧,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了JavaScript中字符串的常用操作方法及js特殊字符,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了JavaScript中的數(shù)值范圍介紹,本文是對JavaScript中Number類型的追根究底,讀完本文將會對Number類型有一個徹底了解,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了javascript無刷新評論實現(xiàn)方法,涉及javascript動態(tài)添加表格元素的技巧,需要的朋友可以參考下2015-05-05
JS中使用apply方法通過不同數(shù)量的參數(shù)調用函數(shù)的方法
這篇文章主要介紹了JS中使用apply方法通過不同數(shù)量的參數(shù)調用函數(shù)的方法的相關資料,需要的朋友可以參考下2016-05-05
javascript里面的"/"運算符跟C++里面的"/"運算符不一樣，后者自動取整，前者若非整除則會得到小數(shù)（比如說5/2=2.5）。2010-10-10
對于javascript操作iframe父級頁面元素的方法，大家應該都非常清楚了，下面結合當前非常流行的jquery分享一下如何使用jquery查找和操作iframe父級頁面元素的實現(xiàn)代碼。2016-08-08
js 實現(xiàn)打印網(wǎng)頁中定義的部分內容的代碼
有時候頁面需要打印功能，如果再做一個頁面不利于優(yōu)化，兩個頁面內容一樣了，所以可以用js實現(xiàn)內容的打印不需要的就不打印。2010-04-04
主要考慮到一些瀏覽器的兼容性問題，這個是經(jīng)常遇到的，大家可以參考下。2009-08-08
這篇文章主要介紹了JS運動特效之同時運動實現(xiàn)方法,結合實例形式分析了javascript同時運動的原理與相關實現(xiàn)技巧,需要的朋友可以參考下2018-01-01