js 递归函数的简单示例

前端之家收集整理的这篇文章主要介绍了js 递归函数的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所谓的递归函数就是在函数体内调用函数。感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
使用递归函数一定要注意,处理不当就会进入死循环。递归函数只有在特定的情况下使用 ,比如阶乘问题,一个10以内的阶乘,js递归函数实例代码
  1. /**
  2. * 递归函数
  3. *
  4. * @param
  5. * @arrange (512.笔记) jb51.cc
  6. **/
  7. <script type="text/javascript">
  8. function f(num){
  9. if(num<1){
  10. return 1;
  11. }else{
  12. return f(num-1)*num;
  13. }
  14. }
  15. </script>
  16. <script type="text/javascript">
  17. alert("10!的结果为:"+f(10));
  18. </script>
js递归函数调用自身时的保险方式。
一个典型阶乘递归函数
  1. /**
  2. * 递归函数
  3. *
  4. * @param
  5. * @arrange (512.笔记) jb51.cc
  6. **/
  7. function fact(num){
  8. if (num<=1){
  9. return 1;
  10. }else{
  11. return num*fact(num-1);
  12. }
  13. }
以下代码可导致出错: 
var anotherFact = fact; 
fact = null; 
alert(antherFact(4)); //出错

由于fact已经不是函数了,所以出错。 
用arguments.callee可解决问题,这是一个指向正在执行的函数的指针。 

新的函数为:
  1. /**
  2. * 递归函数
  3. *
  4. * @param
  5. * @arrange (512.笔记) jb51.cc
  6. **/
  7. function fact(num){
  8. if (num<=1){
  9. return 1;
  10. }else{
  11. return num*arguments.callee(num-1); //此处更改了。
  12. }
  13. }
  14. var anotherFact = fact;
  15. fact = null;
  16. alert(antherFact(4)); //结果为24.

JS普通递归的改进
递归函数是在一个函数通过名字调用自身的情况下构成的:
  1. /**
  2. * 递归函数
  3. *
  4. * @param
  5. * @arrange (512.笔记) jb51.cc
  6. **/
  7. function factorial(num)
  8. {
  9. if(num<=1)
  10. {
  11. return 1;
  12. }
  13. else
  14. {
  15. return num * factorial(num-1);
  16. }
  17. }

这是一个经典的阶乘函数。表面看来没有什么问题,但下面的代码却可能导致它出错。 
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, 
函数的定义变成:
  1. /**
  2. * 递归函数
  3. *
  4. * @param
  5. * @arrange (512.笔记) jb51.cc
  6. **/
  7. function factorial(num)
  8. {
  9. if(num<=1)
  10. {
  11. return 1;
  12. }
  13. else
  14. {
  15. return num * arguments.callee(num-1);
  16. }
  17. }
使用上面的4行测试代码,最后一行测试代码成功输出24.

猜你在找的JavaScript相关文章