javascript是什么以及如何开始使用它?【教程】

JavaScript是边写边跑的脚本语言,无需预装环境,打开浏览器开发者工具Console即可运行console.log("Hello, world!");,核心能力为操作DOM、响应事件、与服务器通信。

JavaScript 不是“需要先学完才能用”的东西,它是边写边跑、改了立刻看到结果的语言。只要浏览器打开,你就能运行它。

JavaScript 是什么:别被名字骗了

它和 Java 没有血缘关系,名字只是 90 年代营销凑的热度。本质是运行在浏览器里的脚本语言

,现在也能跑在服务器(Node.js)、手机(React Native)、甚至桌面(Electron)上。

核心能力就三件套:操作网页内容(比如点按钮弹个提示)、响应用户动作(点击、滚动、输入)、和服务器交换数据(比如登录、加载列表)。

怎么立刻写出第一行 JavaScript

不用装任何软件,也不用建项目。打开任意网页(比如 about:blank),按 F12 打开开发者工具,切到 Console 标签页,直接敲:

console.log("Hello, world!");

回车,立刻看到输出。这就是最短路径。

如果想让代码随网页一起加载,把下面这段放进 HTML 文件的 底部或 里加 defer


  • alert() 会阻塞页面,仅用于调试,上线前必须删掉
  • console.log() 替代 alert() 更安全,信息还不会打断用户
  • 不要把 放在 顶部且不加 defer,否则可能找不到 DOM 元素

初学最容易卡住的三个地方

不是语法难,而是环境反馈不明确:

  • Uncaught ReferenceError: xxx is not defined —— 变量名拼错了,或声明位置在调用之后(JS 不会自动提升 let/const 声明)
  • 点击没反应?检查 addEventListener 的元素是否真实存在,用 console.log(元素) 看是不是 null
  • 修改了 JS 文件但页面没变化?浏览器缓存了旧版本,试试 Ctrl+F5 强刷,或在 DevTools 的 Network 面板勾选 Disable cache

真正卡住人的,往往不是“怎么写”,而是“为什么没执行”。多看 Console 里的报错和 console.log() 输出,比查文档更快定位问题。