极客前沿

JavaScript 循环入门:while 循环一步步上手

2026-06-10 01:30
DEV Beginners
查看原文

学会 JavaScript 中最基础的 while 循环,从零开始安装环境、写代码、避免死循环。

准备你的编程环境

要运行 JavaScript 代码,你只需要一个浏览器(比如 Chrome、Edge)和一个简单的文本编辑器(比如记事本、VS Code)。如果你还没有安装 VS Code(一款免费的代码编辑器),可以去官网下载安装。或者,你也可以直接用浏览器自带的开发者工具来写代码。

认识 while 循环

循环就是让一段代码反复执行,直到某个条件不再成立。比如你想打印 1 到 5 的数字,不用写 5 次 console.log,用循环一行代码就够了。while 循环的格式是:

Tutorial Image
  • 先写一个 条件(比如 count < 5)
  • 只要条件为 true,就重复执行花括号里的代码
  • 每次执行完记得更新变量,否则会变成 死循环(永远停不下来)

安装与运行你的第一个循环

  1. 打开 VS Code,新建一个文件,命名为 index.html。
  2. 在文件中输入以下代码:
    <script>
    let count = 1;
    while (count <= 5) {
      console.log(count);
      count++;
    }
    </script>
  3. 保存文件,然后在浏览器中打开这个 HTML 文件。
  4. 按 F12 打开开发者工具,点击 Console(控制台)标签,你会看到数字 1 到 5 依次打印出来。

注意:count++ 是让 count 每次加 1。如果你忘了写这一行,count 永远小于等于 5,循环就会一直运行,导致浏览器卡死。遇到这种情况,直接关闭页面即可。

下一步可以做什么

你已经成功跑通了第一个循环!接下来可以尝试:

  • 修改条件,比如 while (count <= 10) 打印 1 到 10
  • 每次加 2,打印奇数:count = count + 2
  • 用循环计算 1 到 100 的总和

循环是编程的基础,掌握它之后,你会发现很多重复的工作都能交给代码自动完成。加油!

内容来源

DEV Beginners

发布时间

2026-06-10 01:30

返回 AI技术