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

Posted on by

arguments.callee的作用

在函數內部，有兩個特殊的對象：arguments 和 this。其中， arguments 的主要用途是保存函數參數， 但這個對象還有一個名叫 callee 的屬性，該屬性是一個指針，指向擁有這個 arguments 對象的函數。 請看下面這個非常經典的階乘函數

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

定義階乘函數一般都要用到遞歸算法；如上面的代碼所示，在函數有名字，而且名字以後也不會變 的情況下，這樣定義沒有問題。但問題是這個函數的執行與函數名 factorial 緊緊耦合在瞭一起。為 瞭消除這種緊密耦合的現象，可以像下面這樣使用 arguments.callee

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

在這個重寫後的 factorial()函數的函數體內，沒有再引用函數名 factorial。這樣，無論引用 函數時使用的是什麼名字，都可以保證正常完成遞歸調用。例如

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 如果沒有使用arguments.callee，將返回0

在此，變量 trueFactorial 獲得瞭 factorial 的值，實際上是在另一個位置上保存瞭一個函數 的指針。然後，我們又將一個簡單地返回 0的函數賦值給 factorial 變量。如果像原來的 factorial() 那樣不使用 arguments.callee，調用 trueFactorial()就會返回 0。可是，在解除瞭函數體內的代 碼與函數名的耦合狀態之後，trueFactorial()仍然能夠正常地計算階乘；至於 factorial()，它現 在隻是一個返回 0的函數。

arguments.callee的替換方案

現在已經不推薦使用arguments.callee()；

原因：訪問 arguments 是個很昂貴的操作，因為它是個很大的對象，每次遞歸調用時都需要重新創建。影響現代瀏覽器的性能，還會影響閉包。

不能用怎麼辦？

像第三段中的例子，重寫 factorial()方法導致trueFactorial（）結果不在預期。是為瞭演示而做的。平時寫代碼應該避免。

遞歸時用到arguments.callee（）是常見的事情，比如

一道面試題。接受參數n=5,不用for循環輸出數組【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]

現在arguments.callee 被棄用瞭。怎麼辦，其實很簡單，給內部函數一個名字即可

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

到此這篇關於JavaScript中arguments.callee屬性的作用與替換方案的文章就介紹到這瞭。希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：