当前位置:首页 > JavaScript

js实现无限循环

2026-03-15 23:49:26JavaScript

使用 while 循环

通过 while 语句配合条件 true 实现无限循环:

js实现无限循环

while (true) {
  console.log("无限循环中...");
  // 可通过 break 或 return 退出
}

使用 for 循环

省略 for 循环的所有条件表达式,实现无限循环:

js实现无限循环

for (;;) {
  console.log("无限循环中...");
  // 可通过 break 或 return 退出
}

使用递归函数

通过函数递归调用自身实现无限循环,需注意调用栈溢出风险:

function infiniteLoop() {
  console.log("无限循环中...");
  infiniteLoop(); // 递归调用
}
infiniteLoop();

使用 setInterval

通过 setInterval 定时器实现异步无限循环,适合需要间隔执行的场景:

setInterval(() => {
  console.log("无限循环中...");
}, 1000); // 每1秒执行一次
// 需 clearInterval 停止

注意事项

  • 无限循环可能导致浏览器或进程卡死,需确保有退出条件(如 break 或外部干预)。
  • 递归方式可能引发栈溢出错误,非必要不推荐使用。
  • 异步场景(如 setInterval)需手动清除定时器。

标签: js
分享给朋友:

相关文章

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js实现预览

js实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含inpu…

js实现二叉树

js实现二叉树

二叉树的基本概念 二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的常见操作包括插入、删除、遍历等。 二叉树的节点定义 在JavaScript中,二叉树的节点可…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

节流js实现

节流js实现

节流(Throttle)的实现原理 节流是一种限制函数执行频率的技术,确保函数在一定时间间隔内最多执行一次。适用于高频触发事件(如滚动、输入、窗口调整等)的场景。 基础实现方式 使用时间戳判断是否执…