快捷導(dǎo)航

javascript中callee與caller的區(qū)別分析

更新時(shí)間：2015年04月20日 09:29:59 投稿：hebedich

有些小伙伴可能會(huì)問(wèn)caller,callee 是什么？在javascript 中有什么樣的作用？那么本篇會(huì)對(duì)于此做一些基本介紹。希望能夠?qū)Υ蠹依斫鈐avascript中的callee與caller有所幫助。

callee

callee是對(duì)象的一個(gè)屬性，該屬性是一個(gè)指針，指向參數(shù)arguments對(duì)象的函數(shù)
首先我們來(lái)寫(xiě)個(gè)階成函數(shù)：

function chen(x){
if (x<=1) {
return 1;
} else{
return x*chen(x-1);
};
};

從這個(gè)函數(shù)中可以看出來(lái)，用到了遞歸函數(shù)，要是改變了函數(shù)名，里面的函數(shù)名也要隨著改變，這樣很不方便所以我們用callee來(lái)試試

function chen(x){
if (x<=1) {return 1;
}else{
return x*arguments.callee(x-1);
};
};

我們來(lái)分析一下為什么這樣寫(xiě)：根據(jù)callee的定義，可以看出來(lái)callee是arguments對(duì)象的一個(gè)屬性，指向arguments對(duì)象的函數(shù)，這個(gè)函數(shù)就是chen（chen=arguments.callee）,這樣解釋?xiě)?yīng)該可以理解了吧。

caller

caller是函數(shù)對(duì)象的一個(gè)屬性，該屬性保存著調(diào)用當(dāng)前函數(shù)的函數(shù)的引用（指向當(dāng)前函數(shù)的直接父函數(shù)）

先來(lái)個(gè)例子吧

function a(){
b();
};
function b(){
alert(b.caller);
};
a(); //結(jié)果就是彈出函數(shù)a和內(nèi)容

我們來(lái)解釋一下吧，首先函數(shù)b的屬性caller調(diào)用當(dāng)前函數(shù)b的函數(shù)引用a（就是指向當(dāng)前函數(shù)b的父函數(shù)a），所以結(jié)果就是彈出 function a(){ b();};

那么了解了caller和callee，那么可以不可以將二者結(jié)合在一起來(lái)使用呢

function b(){
alert(b.caller);
};

從這個(gè)代碼可以看出b函數(shù)中調(diào)用了b函數(shù)名，這樣當(dāng)函數(shù)名改變時(shí)就很不方便，我們需要替換里面的那個(gè)b
前面我們知道用什么方法可以指向當(dāng)前對(duì)象,下面我們就來(lái)修改一下：

(function a(){
b();
})();

function b(){
alert(arguments.callee.caller);
};

從代碼中可以看出我們用arguments.callee代替了b函數(shù)，所以解決了一下麻煩。。。。。

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

js的壓縮及jquery壓縮探討(提高頁(yè)面加載性能/保護(hù)勞動(dòng)成果)
搞定js的加密和壓縮，一方面可以提高頁(yè)面加載性能，另外一方面也希望辛苦研發(fā)出來(lái)的成果得到一定的保護(hù),感興趣的朋友可以了解下，或許對(duì)你有所幫助
2013-01-01
JS+canvas五子棋人機(jī)對(duì)戰(zhàn)實(shí)現(xiàn)步驟詳解
這篇文章主要介紹了JS+canvas五子棋人機(jī)對(duì)戰(zhàn)實(shí)現(xiàn)步驟詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-06-06
JS實(shí)現(xiàn)上下左右對(duì)稱(chēng)的九九乘法表
九九乘法表使用很多種語(yǔ)言都可以實(shí)現(xiàn)，本文給大家介紹js使用for、while循環(huán)來(lái)完成四種對(duì)稱(chēng)的九九乘法表，對(duì)九九乘法表需要的朋友參考下
2016-02-02
echarts數(shù)據(jù)可視化實(shí)現(xiàn)多個(gè)柱狀堆疊圖頂部顯示總數(shù)示例
這篇文章主要為大家介紹了echarts實(shí)現(xiàn)多個(gè)柱狀堆疊圖頂部顯示總數(shù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
JavaScript格式化日期時(shí)間的方法和自定義格式化函數(shù)示例
JavaScript默認(rèn)的時(shí)間格式我們一般情況下不會(huì)用，所以需要進(jìn)行格式化，下面說(shuō)說(shuō)我總結(jié)的JavaScript時(shí)間格式化方法
2014-04-04
JS數(shù)組push、unshift、pop、shift方法的實(shí)現(xiàn)與使用方法示例
這篇文章主要介紹了JS數(shù)組push、unshift、pop、shift方法,結(jié)合實(shí)例形式分析了JS數(shù)組push、unshift、pop、shift方法針對(duì)數(shù)組添加、刪除等相關(guān)操作技巧,需要的朋友可以參考下
2020-04-04
js實(shí)現(xiàn)超級(jí)瑪麗小游戲
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)超級(jí)瑪麗小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
學(xué)習(xí)LayUI時(shí)自研的表單參數(shù)校驗(yàn)框架案例分析
本框架基于LayUI框架寫(xiě)的表單參數(shù)校驗(yàn)框架，本文分過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
2019-07-07
如何用JS判斷數(shù)組中是否存在某個(gè)值或者某個(gè)對(duì)象的值
數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)，我們經(jīng)常需要在數(shù)組中查找特定的值,下面這篇文章主要給大家介紹了關(guān)于如何用JS判斷數(shù)組中是否存在某個(gè)值或者某個(gè)對(duì)象的值的相關(guān)資料,需要的朋友可以參考下
2023-01-01
打字效果動(dòng)畫(huà)的4種實(shí)現(xiàn)方法(超簡(jiǎn)單)
下面小編就為大家?guī)?lái)一篇打字效果動(dòng)畫(huà)的4種實(shí)現(xiàn)方法(超簡(jiǎn)單)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10