js 递归和定时器的实例解析_网络技术_宿州市腾雀网络科技有限公司

js 递归和定时器的实例解析

发布时间 - 2026-01-10 22:50:25 点击率：次

递归：是一个函数通过调用自身的情况下构成的；

首先上个例子：

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

这是一个经典的递归阶乘函数，但是在js中这么调用可能会出现一些错误：例如如下代码

var anotherFactorial = factorial;
factorial = null;
alert(anotherFactorial)// 出错

以上代码先把factorial（）函数保存在变量anotherFactorial中，然后将factorial变量设置为null，结果指向原始函数的引用只剩下一个。但再接下来调用anotherFactioral()时候，由于必须执行factorial函数，而factoial已经不再是函数，所以就会导致错误，再这种情况下，使用arguments.callee可以解决这个问题。

arguments.callee是一个指向正在执行的函数的指针，因此可以用来实现对函数的递归调用。

例如：

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

arguments.callee 优点：

1、可以确保无论怎样调用函数都不会出问题。因此编写递归函数时候，使用argments.callee总比使用函数名更保险；

注意点：严格模式下无效，会报错

严格模式下写法：

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

二、与定时器的结合使用：

js是单线程语言，但他允许通过设置超时调用和间歇时间来调度代码在特定的时刻执行。前者是在指定的时间过后执行代码，而后者则是每隔指定的时间就执行一次代码。

参数：要执行的代码和以毫秒表示时间

//不建议传字符串,传递字符串可能导致性能损失 
setTimeout("alter('hello word')", 1000);
//推荐方式
setTimeout(function(){
 alter("Hello world");
},1000)
setInterval(function(){
 alter("Hello world");
},1000)

注意点：结束

超时调用的代码都是在全局作用域执行的，因此函数中this的值在非严格模式下指向window对象，在严格模式下是undefined；

实际应用中：

使用超时调用来模拟间歇调用是一种最佳模式，在开发环境下，很少使用真正的间歇调用，原因是后一个间歇调用可能会在前一个间歇调用之间启动。

var num = 0, max = 0;
function incrrmentNumber{
 num++;
 if(num < max){
 setTimeout(incrrmentNumber,500);
 }else{
 alert("Done");
 }
}
setTimeout(incrrmentNumber,500);

如果像上面那样使用超时调用，则可以避免这一点。所以不要使用间歇调用；

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# js # 递归 # 定时器 # js定时器实现倒计时效果 # JavaScript定时器详解及实例 # JavaScript暂停和继续定时器的实现方法 # JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单) # JavaScript定时器setTimeout()和setInterval()详解 # Javascript 定时器调用传递参数的方法 # js 定时器setTimeout无法调用局部变量的解决办法 # js定时器+简单的动画效果实例 # JS动画定时器知识总结 # JavaScript定时器设置、使用与倒计时案例详解 # 是一个 # 是在 # 模式下 # 情况下 # 就会 # 是一种 # 则是 # 可以用 # 但他 # 这是一个 # 只剩下 # 报错 # 先把 # 则可 # 上个 # 设置为 # 在前 # 来实现 # 每隔

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：HTML5空格在Chrome里显示异常吗_Chrome空格兼

下一篇：蜜蜂网站制作手工教程,背在身上的蜜蜂翅膀手工怎么做？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：HTML5空格在Chrome里显示异常吗_Chrome空格兼

下一篇：蜜蜂网站制作手工教程,背在身上的蜜蜂翅膀手工怎么做？