真正能跑起来、可调试的“第一个程序”需绕开本地文件协议限制、script加载时机和var作用域陷阱:用http-server或Live Server启动,script放前或加defer,优先使用let/const避免变量提升问题。

直接在浏览器控制台敲 console.log("Hello World") 就算开始了——但真正能跑起来、可调试、不踩坑的“第一个程序”,得绕开几个默认陷阱。
怎么让 JS 代码被浏览器执行(而不是当成纯文本)
很多人把 .js 文件双击打开,结果什么都没输出。因为浏览器直接读取文件时不会执行 JS(尤其是本地 file:// 协议下会触发 CORS 或 MIME 类型限制)。
- 用
http-server(推荐):npm install -g http-server && http-server
,然后访问http://localhost:8080 - 或者用 VS Code 插件 Live Server,右键 HTML 文件 → “Open with Live Server”
- 千万别用双击 HTML 文件的方式测试带外部
.js的页面——fetch、import、甚至某些console行为都会静默失败
script 标签放哪儿才不会报 Cannot read property 'xxx' of null
DOM 元素还没加载完,JS 就去查 document.getElementById("btn"),结果拿到 null——这是新手最常卡住的点。
- 把
放在











