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

22次阅读

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

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

直接在 浏览器 控制台敲 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 的页面——fetchimport、甚至某些 console 行为都会静默失败

script 标签放哪儿才不会报 Cannot read property 'xxx' of null

DOM 元素还没加载完,JS 就去查 document.getElementById("btn"),结果拿到 null——这是新手最常卡住的点。

  • 放在

text=ZqhQzanResources