JavaScript 是让网页交互生效的核心引擎，通过 DOM 操作、事件绑定（如 addEventListener）、异步处理（fetch/Promise/async-await）及块级作用域（let/const）实现动态行为，需理解事件循环中宏任务与微任务的执行顺序。
JavaScript 不是网页的装饰品，它是让页面真正“活起来”的执行引擎——没有它，表单不会验证、按钮点击没反馈、内容无法动态加载，所有交互都退化成静态链接跳转。
JavaScript 怎么让 HTML 元素响应用户操作？
HTML 定义结构，CSS 控制样式，而 JavaScript 通过 document.getElementById、querySelector 等方法拿到 DOM 节点，再用 addEventListener 绑定事件。比如点击按钮展开菜单，本质是监听 click 事件后修改某个 div 的 classList 或 style.display。
- 别直接写
onclick="doSomething()"内联事件——难以维护、无法批量绑定、破坏关注点分离 - 事件委托更高效：给父容器绑一次
click，用event.target判断具体点击了哪个子项，适合动态增删列表项的场景 -
preventDefault()和stopPropagation()必须分清：前者阻止表单默认提交或链接跳转，后者防止事件冒泡到父级
为什么变量声明用 const 和 let，而不是 var？
var 存在变量提升（hoisting）和函数作用域问题，容易导致意外覆盖或未定义行为；let 和 const 是块级作用域，且不提升（只是暂时性死区 TDZ），语义更明确。
-
const声明的不是“不可变值”，而是“不可重新赋值的绑定”——对象或数组本身仍可修改其属性或元素 - 循环中用
var声明计数器，闭包里取到的往往是最终值；换成let就能按预期捕获每次迭代的值 -
浏览器控制台调试时，
const变量不能被重复赋值，反而能提前暴露逻辑错误
异步操作为什么不能靠 setTimeout 模拟？
setTimeout 只是延迟执行，它不解决 I/O 阻塞问题；真正的异步（如 fetch、XMLHttpRequest）由浏览器底层线程处理，回调或 Promise 才是通知 JS 主线程“数据已就绪”的方式。
立即学习“Java免费学习笔记（深入）”；
- 用
async/await写fetch请求比嵌套.then()更易读，但必须包裹在try/catch中——网络失败、JSON 解析错误、跨域拒绝都会抛出异常 -
fetch默认不带 cookie，需显式加{ credentials: 'include' }，否则登录态丢失 - 不要在
Promise构造函数里漏写reject，否则错误会静默吞掉，控制台只报Uncaught (in promise)
最常被忽略的不是语法，而是事件循环机制：宏任务（setTimeout、fetch 回调）和微任务（Promise.then、queueMicrotask）的执行顺序，直接影响状态更新时机和 UI 渲染节奏。
