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）处理异步任务，不是靠多线程并发。
立即学习“Java免费学习笔记（深入）”；
如何把 JS 代码嵌入网页并运行？
有三种常见方式，推荐从最简单的开始：
-
内联脚本：在 HTML 的
<script>标签里写代码（适合快速验证） -
内部脚本：把
<script>放在<head>或<body>底部，代码写在里面 -
外部脚本：用
<script src="main.js"></script>引入独立文件（适合正式项目）
⚠️ 关键细节：<script> 默认是同步阻塞加载，放在 <head> 里可能卡住页面渲染；若必须放头部，加 defer 属性（<script defer src="main.js"></script>）确保 DOM 解析完再执行。
写出第一个可运行的 JavaScript 程序
新建一个 index.html 文件，内容如下：
<!DOCTYPE html>
<html>
<head>
<title>我的第一个 JS 程序</title>
</head>
<body>
<h1 id="greeting">Hello</h1>
<button onclick="sayHi()">点我</button>
<p><script>
function sayHi() {
document.getElementById('greeting').textContent = 'Hello, JavaScript!';
}
</script>
</body>
</html>用浏览器打开这个文件，点击按钮，标题文字就会改变。这就是最基础的 DOM 操作 + 事件响应。
别急着学框架，先确认你能：
- 在浏览器开发者工具（F12 → Console）里输入
console.log('ok')并看到输出 - 用
document.querySelector替代getElementById获取元素 - 把
<script>块移到<body>最底部，再测试是否仍正常工作
初学者最容易忽略的三个细节
一是变量作用域：用 var 会变量提升，let 和 const 是块级作用域，不加声明直接赋值（如 name = 'Alice'）会挂到全局 window 上，极易污染环境。
二是类型隐式转换：'5' + 3 得 '53'，但 '5' - 3 得 2；建议用严格相等 === 替代 ==。
三是异步时序误解：写 fetch('/api') 后立刻读返回值，得到的是 Promise 对象，不是数据本身；得用 .then() 或 async/await 处理。
这些不是“进阶知识”，而是从第一行代码起就该建立的直觉。
