JavaScript 循环入门:while 循环一步步上手
学会 JavaScript 中最基础的 while 循环,从零开始安装环境、写代码、避免死循环。
准备你的编程环境
要运行 JavaScript 代码,你只需要一个浏览器(比如 Chrome、Edge)和一个简单的文本编辑器(比如记事本、VS Code)。如果你还没有安装 VS Code(一款免费的代码编辑器),可以去官网下载安装。或者,你也可以直接用浏览器自带的开发者工具来写代码。
认识 while 循环
循环就是让一段代码反复执行,直到某个条件不再成立。比如你想打印 1 到 5 的数字,不用写 5 次 console.log,用循环一行代码就够了。while 循环的格式是:
- 先写一个 条件(比如 count < 5)
- 只要条件为 true,就重复执行花括号里的代码
- 每次执行完记得更新变量,否则会变成 死循环(永远停不下来)
安装与运行你的第一个循环
- 打开 VS Code,新建一个文件,命名为 index.html。
- 在文件中输入以下代码:
<script> let count = 1; while (count <= 5) { console.log(count); count++; } </script> - 保存文件,然后在浏览器中打开这个 HTML 文件。
- 按 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