caller和callee的區別介紹及示範結果

caller

caller返回一個函數的引用，這個函數調用了當前的函數。

使用這個屬性要注意:

1 這個屬性只有當函數在執行時才有用
2 如果在javascript程式中，函數是由頂層調用的，則返回null

functionName.caller: functionName是當前正在執行的函數。
複製代碼 代碼如下:
var a = function() {
alert(a.caller);
}
var b = function() {
a();
}
b();

上面的代碼中，b調用了a，那麼a.caller返回的是b的引用，結果如下:

如果直接調用a(即a在任何函數中被調用，也就是頂層調用),返回null:
複製代碼 代碼如下:
var a = function() {
alert(a.caller);
}
var b = function() {
a();
}
//b();
a();

輸出結果:

callee

callee放回正在執行的函數本身的引用，它是arguments的一個屬性

使用callee時要注意:

1 這個屬性只有在函數執行時才有效
2 它有一個length屬性，可以用來獲得形參的個數，因此可以用來比較形參和實參個數是否一致，即比較arguments.length是否等於arguments.callee.length
3 它可以用來遞迴匿名函數。
複製代碼 代碼如下:
var a = function() {
alert(arguments.callee);
}
var b = function() {
a();
}
b();

a在b中被調用，但是它返回了a本身的引用，結果如下: