javascript中callee與caller的用法和應(yīng)用場(chǎng)景
functionName.caller 返回調(diào)用者。
看看下面的函數(shù),大家可以復(fù)制到VS中執(zhí)行下
function caller() {
if (caller.caller) {
alert(caller.caller.toString());
} else {
alert("函數(shù)直接執(zhí)行");
}
}
function handleCaller() {
caller();
}
handleCaller();
caller();
大家會(huì)發(fā)現(xiàn)第一個(gè)alert會(huì)彈出調(diào)用caller函數(shù)的調(diào)用者h(yuǎn)andleCaller,而第二個(gè)alert由于沒有在其他函數(shù)體內(nèi)調(diào)用,所以caller為null,就執(zhí)行了 alert("函數(shù)直接執(zhí)行");
callee:
返回正被執(zhí)行的 Function 對(duì)象,也就是所指定的 Function 對(duì)象的正文.
callee是arguments 的一個(gè)屬性成員,它表示對(duì)函數(shù)對(duì)象本身的引用,這有利于匿名
函數(shù)的遞歸或者保證函數(shù)的封裝性。 下面一段代碼先說明callee的用法,實(shí)例代碼摘自網(wǎng)上
function calleeLengthDemo(arg1, arg2) {
alert(arguments.callee.toString());
if (arguments.length == arguments.callee.length) {
window.alert("驗(yàn)證形參和實(shí)參長(zhǎng)度正確!");
return;
} else {
alert("實(shí)參長(zhǎng)度:" + arguments.length);
alert("形參長(zhǎng)度: " + arguments.callee.length);
}
}
calleeLengthDemo(1);
第一個(gè)消息框彈出calleeLengthDemo函數(shù)本身,這說明callee就是函數(shù)本身對(duì)象的引用。callee還有個(gè)非常有用的應(yīng)用就是用來(lái)判斷實(shí)際參數(shù)跟行參是否一致。上面的代碼第一個(gè)消息框會(huì)彈出實(shí)際參數(shù)的長(zhǎng)度為1,形式參數(shù)也就是函數(shù)本身的參數(shù)長(zhǎng)度為2.
應(yīng)用場(chǎng)景:
callee的應(yīng)用場(chǎng)景一般用于匿名函數(shù)
大家看下下面一段代碼 摘自網(wǎng)絡(luò)
var fn=function(n){
if(n>0) return n+fn(n-1);
return 0;
}
alert(fn(10))
函數(shù)內(nèi)部包含了對(duì)自身的引用,函數(shù)名僅僅是一個(gè)變量名,在函數(shù)內(nèi)部調(diào)用即相當(dāng)于調(diào)用
一個(gè)全局變量,不能很好的體現(xiàn)出是調(diào)用自身,這時(shí)使用callee會(huì)是一個(gè)比較好的方法
var fn=(function(n){
if(n>0) return n+arguments.callee(n-1);
return 0;
})(10);
alert(fn)
這樣就讓代碼更加簡(jiǎn)練。又防止了全局變量的污染。
caller的應(yīng)用場(chǎng)景 主要用于察看函數(shù)本身被哪個(gè)函數(shù)調(diào)用。
- js apply/call/caller/callee/bind使用方法與區(qū)別分析
- javascript下arguments,caller,callee,call,apply示例及理解
- js中arguments,caller,callee,apply的用法小結(jié)
- 理解Javascript的caller,callee,call,apply區(qū)別
- Javascript - 全面理解 caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- JavaScript中的apply()方法和call()方法使用介紹
- js中繼承的幾種用法總結(jié)(apply,call,prototype)
- 詳解js中的apply與call的用法
- javascript中apply和call方法的作用及區(qū)別說明
- javascript中callee與caller的區(qū)別分析
- javascript中call,apply,callee,caller用法實(shí)例分析
相關(guān)文章
基于Javascript實(shí)現(xiàn)的不重復(fù)ID的生成器
本文介紹了js生成一個(gè)不重復(fù)的ID的函數(shù)的進(jìn)化之路,具有一定的參考價(jià)值,需要的朋友一起來(lái)看下吧2016-12-12非常漂亮的讓背景如此暗淡(一種彈出提示信息時(shí)頁(yè)面背景色調(diào)改變的方法)
非常漂亮的讓背景如此暗淡(一種彈出提示信息時(shí)頁(yè)面背景色調(diào)改變的方法)...2007-04-04淺談js中調(diào)用函數(shù)時(shí)加不加括號(hào)的問題
下面小編就為大家?guī)?lái)一篇淺談js中調(diào)用函數(shù)時(shí)加不加括號(hào)的問題 。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-07-07JS使用ActiveXObject實(shí)現(xiàn)用戶提交表單時(shí)屏蔽敏感詞功能
這篇文章主要介紹了JS采用ActiveXObject實(shí)現(xiàn)用戶在提交表單時(shí)屏蔽敏感詞的功能的相關(guān)資料,需要的朋友可以參考下2017-06-06JS實(shí)現(xiàn)字符串中去除指定子字符串方法分析
這篇文章主要介紹了JS實(shí)現(xiàn)字符串中去除指定子字符串方法,結(jié)合實(shí)例形式分析了javascript使用字符串替換與分割、聚合兩種子字符串去除相關(guān)操作技巧,需要的朋友可以參考下2018-05-05JavaScript知識(shí)點(diǎn)總結(jié)(五)之Javascript中兩個(gè)等于號(hào)(==)和三個(gè)等于號(hào)(===)的區(qū)別
這篇文章主要介紹了JavaScript知識(shí)點(diǎn)總結(jié)(五)之Javascript中兩個(gè)等于號(hào)(==)和三個(gè)等于號(hào)(===)的區(qū)別的相關(guān)資料,需要的朋友可以參考下2016-05-05JavaScript函數(shù)式編程(Functional Programming)高階函數(shù)(Higher order fun
這篇文章主要介紹了JavaScript函數(shù)式編程(Functional Programming)高階函數(shù)(Higher order functions),結(jié)合實(shí)例形式分析了javascript函數(shù)式編程高級(jí)函數(shù)的概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-05-05