快捷導(dǎo)航

JavaScript中arguments.callee屬性的作用與替換方案

更新時(shí)間：2022年06月24日 09:44:20 作者：小旭2021

這篇文章介紹了JavaScript中arguments.callee屬性的作用與替換方案，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

arguments.callee的作用

在函數(shù)內(nèi)部，有兩個(gè)特殊的對(duì)象：arguments 和 this。其中， arguments 的主要用途是保存函數(shù)參數(shù)，但這個(gè)對(duì)象還有一個(gè)名叫 callee 的屬性，該屬性是一個(gè)指針，指向擁有這個(gè) arguments 對(duì)象的函數(shù)。請(qǐng)看下面這個(gè)非常經(jīng)典的階乘函數(shù)

function factorial(num){   
   if (num <=1) {        
      return 1;    
   } else {        
   return num * factorial(num-1)    
   }
}

定義階乘函數(shù)一般都要用到遞歸算法；如上面的代碼所示，在函數(shù)有名字，而且名字以后也不會(huì)變的情況下，這樣定義沒(méi)有問(wèn)題。但問(wèn)題是這個(gè)函數(shù)的執(zhí)行與函數(shù)名 factorial 緊緊耦合在了一起。為了消除這種緊密耦合的現(xiàn)象，可以像下面這樣使用 arguments.callee

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

在這個(gè)重寫后的 factorial()函數(shù)的函數(shù)體內(nèi)，沒(méi)有再引用函數(shù)名 factorial。這樣，無(wú)論引用函數(shù)時(shí)使用的是什么名字，都可以保證正常完成遞歸調(diào)用。例如

function factorial(num){
          if(num <= 1){
              return 1;
          }else{
              return num * arguments.callee(num-1);
          }
      }
      var trueFactorial = factorial;
      alert(trueFactorial(5));    //120   
 
 
      factorial = function() {
          return 0;
      }               
      alert(trueFactorial(5));// 120 如果沒(méi)有使用arguments.callee，將返回0

在此，變量 trueFactorial 獲得了 factorial 的值，實(shí)際上是在另一個(gè)位置上保存了一個(gè)函數(shù) 的指針。然后，我們又將一個(gè)簡(jiǎn)單地返回 0的函數(shù)賦值給 factorial 變量。如果像原來(lái)的 factorial() 那樣不使用 arguments.callee，調(diào)用 trueFactorial()就會(huì)返回 0?？墒牵诮獬撕瘮?shù)體內(nèi)的代碼與函數(shù)名的耦合狀態(tài)之后，trueFactorial()仍然能夠正常地計(jì)算階乘；至于 factorial()，它現(xiàn) 在只是一個(gè)返回 0的函數(shù)。

arguments.callee的替換方案

現(xiàn)在已經(jīng)不推薦使用arguments.callee()；

原因：訪問(wèn) arguments 是個(gè)很昂貴的操作，因?yàn)樗莻€(gè)很大的對(duì)象，每次遞歸調(diào)用時(shí)都需要重新創(chuàng)建。影響現(xiàn)代瀏覽器的性能，還會(huì)影響閉包。

不能用怎么辦？

像第三段中的例子，重寫 factorial()方法導(dǎo)致trueFactorial（）結(jié)果不在預(yù)期。是為了演示而做的。平時(shí)寫代碼應(yīng)該避免。

遞歸時(shí)用到arguments.callee（）是常見(jiàn)的事情，比如

一道面試題。接受參數(shù)n=5,不用for循環(huán)輸出數(shù)組【1,2,3,4,5】

這用遞歸的思路，配合arguments.callee，代碼如下

function show(n) {
    var arr = [];
    return (function () {
        arr.unshift(n);
        n--;
        if (n != 0) {
            arguments.callee();
        }
        return arr;
    })()
}
show(5)//[1,2,3,4,5]

現(xiàn)在arguments.callee 被棄用了。怎么辦，其實(shí)很簡(jiǎn)單，給內(nèi)部函數(shù)一個(gè)名字即可

function show(n) {
    var arr = [];
    return (function fn() {
        arr.unshift(n);
        n--;
        if (n != 0) {
            fn();
        }
        return arr;
 
    })()
}
show(5)//[1,2,3,4,5]

斐波那契遞歸算法替換

function factorial(num) {
      if (num <= 1) {
        return 1
      }
      var fac = 1
      return (function fn() {
        fac *= num
        num--
        if (num != 0) {
          fn()
        }
        return fac
      })()
    }
    factorial(5) // 120

到此這篇關(guān)于JavaScript中arguments.callee屬性的作用與替換方案的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: