js 递归函数的解决办法

内容摘要
这篇文章主要为大家详细介绍了js 递归函数的简单示例,具有一定的参考价值,可以用来参考一下。

所谓的递归函数就是在函数体内调用本函数。对此感兴趣的朋友,看看idc笔记做的技
文章正文

这篇文章主要为大家详细介绍了js 递归函数的简单示例,具有一定的参考价值,可以用来参考一下。

所谓的递归函数就是在函数体内调用本函数。对此感兴趣的朋友,看看idc笔记做的技术笔记。使用递归函数一定要注意,处理不当就会进入死循环。递归函数只有在特定的情况下使用 ,比如阶乘问题,一个10以内的阶乘,js递归函数实例代码:

/**
 * 递归函数
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
<script type="text/javascript"> 
function f(num){ 
if(num<1){ 
return 1; 
}else{ 
return f(num-1)*num; 
} 
} 
</script> 
<script type="text/javascript"> 
alert("10!的结果为:"+f(10)); 
</script> 
js递归函数调用自身时的保险方式。一个典型阶乘递归函数:

/**
 * 递归函数
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
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可解决问题,这是一个指向正在执行的函数的指针。新的函数为:

/**
 * 递归函数
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
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普通递归的改进递归函数是在一个函数通过名字调用自身的情况下构成的:

/**
 * 递归函数
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
function factorial(num) 
{ 
if(num<=1) 
{ 
return 1; 
} 
else 
{ 
return num * factorial(num-1); 
} 
}
这是一个经典的阶乘函数。表面看来没有什么问题,但下面的代码却可能导致它出错。
var anotherFactorial = factorial;anotherFactorial(4); //输出 24factorial = 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,函数的定义变成:

/**
 * 递归函数
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
function factorial(num) 
{ 
if(num<=1) 
{ 
return 1; 
} 
else 
{ 
return num * arguments.callee(num-1); 
} 
} 
使用上面的4行测试代码,最后一行测试代码成功输出24.

注:关于js 递归函数的简单示例的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!