JavaScript 支援函數的遞迴調用。
所謂遞迴函式,就是在函數體內調用函數本身。
使用遞迴函式的一個常見例子就是求階乘。
利用遞迴函式求 6! 。
| 代碼如下 |
複製代碼 |
|
<script type="text/javascript">
function fact(num){
if (num<=1){
return 1;
}else{
return num*fact(num-1);
}
}
document.write(fact(6));
</script> |
但是這在js裡面可能會出現錯誤:
| 代碼如下 |
複製代碼 |
|
var anotherFactorial = factorial;
factorial=null;
alert(anoterFactorial(4)); |
因為在調用anoterFactorial時內部的factorial已經不存在了。
解決方案是通過arguments.callee來解決。
如下:
| 代碼如下 |
複製代碼 |
|
function factorial(num)
{
if(num <= 1)
{
return 1;
}
else
{
return num*arguments.callee(num-1);
}
var anotherFactorial = factorial;
factorial = null;
alert(anotherFactorial(4));
} |
如果在一個很複雜的程式中我們可能只需要調用一次該函數,為了函數的精簡我們當然要努力較少函數名的定義,這是很自然會想到用匿名函數來直接執行。但是如果是匿名函數如何?遞迴?arguments.callee正好派上用場,他指代的就是當前執行的函數的引用。
arguments.callee
在javascript函數體內,標識符arguments具有特殊含義。它是調用對象的一個特殊屬性,用來引用Arguments對象。 Arugments對象就像數組,注意這裡只是像並不是哈。javascript函數體內,arguments像數組(並不是真的數組,是一個Arguments對象,再次強調)一樣,有length屬性,可以代 表傳給函數的參數的個數。
引用一個形式參數可以用參數名,也可以用arguments[]數組形式,其中arguments[0]表示第一個參數。所以,javascript中Arguments對象是函數的實際參數,下面,我們一起來進入這神奇的國度,一窺究竟。
arguments.length屬性:js不會主動為你判斷你到底給函數傳了多少個參數,如果你多傳了,多餘的部分就沒有被使用,如果你少傳了,那麼沒傳的參數值就是undefined
所以我們可以藉助arguments的length屬性來檢測調用函數時是否使用了正確數目的實際參數,因為javascript是不會為你做這些事的。
| 代碼如下 |
複製代碼 |
|
function f(x,y,z)
{
//首先檢查傳遞的參數數量是否正確
if(arguments.length != 3)
{
throw new Error("function f called with " + arguments.length + "arguments ,but it not 3 arguments.");
}
//下面運行真正的函數
} |
arguments還為我們提供了這樣一種可能,就是為一個函數傳任意數目的實際參數:比如說,我想判斷你傳給我的一些數位大小,取出最大的那個,對,沒錯,你傳多少參數都行,但是前提是你要傳數字,因為我在函數內部懶得判斷了。
| 代碼如下 |
複製代碼 |
|
function max()
{
var m = Number.NEGATIVE_INFINITY;//Number.NEGATIVE_INFINITY JavaScript內最小的數字了
for(var i = 0; i < arguments.length; i++)
{
//只要有任何一個參數比m大,那麼m就變成了這個參數的值
if(arguments[i] > m)
m = arguments[i];
}
return m;
} |
怎麼樣?這個方法很巧妙吧?
說明一下arguments與真正傳的形式參數是一致的:比如,你給函數傳了一個叫param的參數,並且只有這一個參數,那麼param與arguments[0]都是對這個參數值的引用,改變其中一個值,即改變了二者所有的值。
| 代碼如下 |
複製代碼 |
|
function change(param)
{
//比如我傳的param為simaopig,那麼alert就是simaopig,
//如果啥也沒傳就會alert undefined
alert(param);
//用arguments[0]改變了這個參數的值
arguments[0] = 'xiaoxiaozi';
//沒錯,這個值變成了xiaoxiaozi
alert(param);
}
|
arguments的callee屬性:arguments的callee屬性是用來引用當前正在執行的函數,這對未命名的函數調用自身非常有好處。
現在用arguments的這個callee簡單的實現。
| 代碼如下 |
複製代碼 |
|
//用函數直接量,採用 arguments.callee屬性實現遞迴函式
var result = function(x){
if(x<=1) return 1;
return x*arguments.callee(x-1);
}; |
js遞迴函式調用自身時的保險方式。
來自js進階程式設計
一個典型階乘遞迴函式:
| 代碼如下 |
複製代碼 |
function fact(num){
if (num<=1){
return 1;
}else{
return num*fact(num-1);
}
} |
以下代碼可導致出錯:
| 代碼如下 |
複製代碼 |
var anotherFact = fact;
fact = null;
alert(antherFact(4)); //出錯 |
由於fact已經不是函數了,所以出錯。
用arguments.callee可解決問題,這是一個指向正在執行的函數的指標。
新的函數為:
| 代碼如下 |
複製代碼 |
function fact(num){
if (num<=1){
return 1;
}else{
return num*arguments.callee(num-1); //此處更改了。
}
}
var anotherFact = fact;
fact = null;
alert(antherFact(4)); //結果為24. |
JS普通遞迴的改進
遞迴函式是在一個函數通過名字調用自身的情況下構成的,如下所示:
| 代碼如下 |
複製代碼 |
function factorial(num)
{
if(num<=1)
{
return 1;
}
else
{
return num * factorial(num-1);
}
} |
這是一個經典的階乘函數。表面看來沒有什麼問題,但下面的代碼卻可能導致它出錯。
| 代碼如下 |
複製代碼 |
|
var anotherFactorial = factorial;
anotherFactorial(4); //輸出 24
factorial = null;
anotherFactorial (4); //TypeError: Property 'factorial' of object [object Window] is not a function chrome |
下測試
原因在於,我們定義的函數名,其實是指向函數的一個指標,此時定義了anotherFactorial 也指向了那個函數,所以調用anotherFactorial (4)可以成功的輸出24
此時 factorial = null; 那麼執行定義函數的引用就剩下了anotherFactorial,那麼在調用anotherFactorial(4)就會顯示以上的錯誤的資訊。
此時可以使用arguments.callee來替代函數定義中的 factorial,
函數的定義就變成了:
| 代碼如下 |
複製代碼 |
function factorial(num)
{
if(num<=1)
{
return 1;
}
else
{
return num * arguments.callee(num-1);
}
} |
那麼在使用上面的4行測試代碼,最後一行測試代碼也可以成功的輸出24.