js中递归函数的使用介绍

 更新时间:2012年10月25日 01:15:24   作者:  
所谓的递归函数就是在函数体内调用本函数。使用递归函数一定要注意,处理不当就会进入死循环。递归函数只有在特定的情况下使用 ,比如阶乘问题
下面我们就做一个10以内的阶乘试试看吧:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
 


递归函数的调用就说这么多了

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.
--------------------------------------
上述的内容摘自<<JavaScript高级程序设计>>第2版 144页 7.1节

相关文章

  • JavaScript常用工具函数大全

    JavaScript常用工具函数大全

    这篇文章主要介绍了JavaScript常用工具函数,汇总整理了各种JavaScript常用工具函数,包括获取、判断、转换、设置等相关功能函数的定义与使用方法,需要的朋友可以参考下
    2020-05-05
  • Javascript实现登录记住用户名和密码功能

    Javascript实现登录记住用户名和密码功能

    本文主要介绍了Javascript实现登录记住用户名和密码功能的代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 一些常用弹出窗口/拖放/异步文件上传等实用代码

    一些常用弹出窗口/拖放/异步文件上传等实用代码

    今天写一点工作中遇到的东西【弹出窗口】【拖放】【异步文件上传】,大家共同学习,共同进步
    2013-01-01
  • 基于JavaScript实现带缩略图的轮播效果

    基于JavaScript实现带缩略图的轮播效果

    这篇文章主要为大家详细介绍了基于JavaScript实现带缩略图的轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • JavaScript 函数的执行过程

    JavaScript 函数的执行过程

    下面小编就为大家带来一篇JavaScript 函数的执行过程。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JavaScript中this的用法实例分析

    JavaScript中this的用法实例分析

    这篇文章主要介绍了JavaScript中this的用法,结合实例形式分析了this的功能、常见用法与相关注意事项,需要的朋友可以参考下
    2016-12-12
  • JavaScript 变量、作用域及内存

    JavaScript 变量、作用域及内存

    这篇文章主要介绍了JavaScript 变量、作用域及内存,需要的朋友可以参考下
    2015-04-04
  • 微信小程序时间轴组件的示例代码

    微信小程序时间轴组件的示例代码

    这篇文章主要介绍了微信小程序时间轴组件,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • gojs实现蚂蚁线动画效果

    gojs实现蚂蚁线动画效果

    这篇文章介绍了gojs实现蚂蚁线动画效果的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01
  • js实现短信发送倒计时功能(正则验证)

    js实现短信发送倒计时功能(正则验证)

    这篇文章主要为大家详细介绍了js实现短信发送倒计时功能,包含正则验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02

最新评论