如何开始你的第一个javascript程序【教程】

真正能跑起来、可调试的“第一个程序”需绕开本地文件协议限制、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——这是新手最常卡住的点。

• 把 放在