JavaScript 是运行在浏览器或 Node.js 中的动态脚本系统，核心是操控 document、响应交互、调度异步任务；关键在于理解事件驱动与非线性执行模型，而非语法细节。
JavaScript 不是一门“静态描述网页”的语言，它是一套运行在浏览器（或 Node.js）里的、能实时响应用户操作并修改页面行为的动态脚本系统。
JavaScript 是什么：别被“Java”俩字骗了
它和 Java 没有血缘关系，名字只是 90 年代营销策略的遗留。核心定位是：document 对象的操控者 + 用户交互的响应引擎 + 异步任务的调度器。
初学者常误以为 “写 JS 就是给按钮加点击效果”，其实它真正的能力在于：在不刷新页面的前提下，随时读取/修改 document 树、监听键盘鼠标、发起网络请求、处理时间逻辑、甚至操作音频视频流。
关键认知切换：JS 不是 HTML 的附属品，而是接管 HTML 生命周期的控制层。
理解“事件驱动”比记住语法更重要
几乎所有真实 JS 代码都围绕“等一件事发生，然后做点什么”展开。比如：
-
click、input、submit是 DOM 事件 -
fetch()完成后触发的是 Promise 的then()或await -
setTimeout()到时触发的是回调函数
初学者卡壳，往往是因为写了代码却没“挂载”到事件上——比如写了 function handleLogin() { ... }，但忘了用 form.addEventListener('submit', handleLogin)。
实操建议：
- 先找一个 HTML 元素，用
console.log(document.querySelector(确认能拿到它
'button')) - 再用
.addEventListener()绑定事件，别直接写onclick="..."内联写法 - 在回调函数第一行加
console.log('fired')，确认事件真被触发了
'button'))变量、作用域、this：三个最常出错的底层概念
不是语法难，而是行为不符合直觉：
-
var会变量提升，let和const不会；但const只保证引用不变，不阻止对象内部属性修改 - 函数内没写
var/let，变量自动变*局——这是很多“变量突然变 undefined”的根源 -
this指向完全取决于函数怎么被调用，不是在哪定义的：obj.method()中this是obj，但setTimeout(obj.method, 100)里this是window（或undefined，严格模式下）
建议用 console.log(this) 配合不同调用方式验证，比死记规则快得多。
异步不是“慢”，而是“不可预测执行时机”
初学者看到 fetch() 返回 Promise 就慌，本质问题其实是：JS 主线程不会等网络返回才继续跑后面代码。
典型错误写法：
const data = fetch('/api/user').then(res => res.json());
console.log(data); // 输出 Promise { }，不是数据
正确路径只有两条：
- 用
async/await包裹在async function里（推荐新手） - 用
.then()链式接后续逻辑，别试图“把 Promise 当普通值用”
记住：fetch() 立刻返回 Promise，但数据要等网络完成才进来；中间所有同步代码照常执行，不受阻塞也不受保证。
真正难的不是学 API，而是建立“JS 执行不是从上到下线性走完就结束”的心智模型。哪怕只搞懂 addEventListener 和 async/await 这两个点，已经能写出绝大多数交互功能——其余都是在这两个骨架上填细节。
