JavaScript 是一种运行在浏览器中的动态编程语言，由引擎直接解释执行；它与 HTML（结构）、CSS（样式）协同实现网页行为，支持多范式编程，通过事件循环处理异步任务，嵌入方式包括内联、内部和外部脚本。

JavaScript 是一种运行在浏览器中的动态编程语言，不是 Java 的脚本版，也不需要编译——它直接由浏览器的 JavaScript 引擎（如 V8、SpiderMonkey）解释执行。

JavaScript 是什么？和 HTML/CSS 有什么关系？

HTML 定义页面结构，CSS 控制样式，JavaScript 负责行为：比如点击按钮弹窗、校验表单、动态加载数据、操作 DOM 元素。三者分工明确，缺一不可。

它是一门多范式语言，支持：

• 函数式编程（map、filter、箭头函数 () => {}）
• 面向对象（基于原型的 class 和 prototype）
• 事件驱动（addEventListener、click、fetch 回调）

注意：JavaScript 在浏览器中默认是单线程的，靠事件循环（Event Loop）处理异步任务，不是靠多线程并发。

如何把 JS 代码嵌入网页并运行？

有三种常见方式，推荐从最简单的开始：

• 内联脚本：在 HTML 的 标签里写代码（适合快速验证）
• 内部脚本：把 放在 或 底部，代码写在里面
• 外部脚本：用 引入独立文件（适合正式项目）

⚠️ 关键细节： 默认是同步阻塞加载，放在 里可能卡住页面渲染；若必须放头部，加 defer

属性（）确保 DOM 解析完再执行。

写出第一个可运行的 JavaScript 程序

新建一个 index.html 文件，内容如下：

  


  
Hello
  点我

用浏览器打开这个文件，点击按钮，标题文字就会改变。这就是最基础的 DOM 操作 + 事件响应。

别急着学框架，先确认你能：

• 在浏览器开发者工具（F12 → Console）里输入 console.log('ok') 并看到输出
• 用 document.querySelector 替代 getElementById 获取元素
• 把 块移到 最底部，再测试是否仍正常工作

初学者最容易忽略的三个细节

一是变量作用域：用 var 会变量提升，let 和 const 是块级作用域，不加声明直接赋值（如 name = 'Alice'）会挂到全局 window 上，极易污染环境。

二是类型隐式转换：'5' + 3 得 '53'，但 '5' - 3 得 2；建议用严格相等 === 替代 ==。

三是异步时序误解：写 fetch('/api') 后立刻读返回值，得到的是 Promise 对象，不是数据本身；得用 .then() 或 async/await 处理。

这些不是“进阶知识”，而是从第一行代码起就该建立的直觉。