17370845950

JavaScript 是动态编程语言，具备DOM操作、异步处理等完整能力；其单线程+事件驱动模型导致异步任务延后执行；var声明提升但赋值不提升，let/const存在暂时性死区；对象赋值为引用传递，相等判断需注意引用而非值。

JavaScript 不是一种“静态的网页装饰语言”，它是运行在浏览器（或 Node.js）中的、具备完整执行能力的动态编程语言——初学者常误以为它只是给按钮加点击效果的工具，其实它能操作 DOM、发起网络请求、处理异步逻辑、构建大型应用，甚至控制硬件。

JavaScript 是单线程 + 事件驱动，不是“一行行往下跑完就结束”

很多人写 setTimeout 或 fetch 后立刻打印变量，发现值还是 undefined，就怀疑代码没执行。这是因为 JavaScript 的执行模型天然异步：

• 所有同步代码（比如变量赋值、console.log）先入主线程，立即执行
• 异步任务（如定时器、网络请求）被挂起，等主线程空闲后，由事件循环（Event Loop）从回调队列里取出执行
• async/await 是语法糖，底层仍依赖 Promise 和微任务队列，不是“让 JS 变成多线程”

console.log('1');
setTimeout(() => console.log('2'), 0);
console.log('3');
// 实际输出：1 → 3 → 2，不是 1 → 2 → 3

变量提升（Hoisting）不是“把代码往上挪”，而是声明阶段的行为

初学者看到 console.log(a) 没报错却输出 undefined，就以为“函数和 var 都能随便放”，其实这是 JavaScript 引擎在创建执行上下文时，只提升 var 声明（初始化为 undefined），不提升赋值；而 let/const 虽然也声明提升，但处于“暂时性死区（TDZ）”，访问会直接报 ReferenceError：

• var a = 1 → 声明和赋值分离，声明被提升，赋值留在原地
• let b = 2 → 声明被提升，但直到初始化语句执行前都不能访问
• function foo() {} → 整个函数声明被提升（区别于 const foo = function() {}，后者是函数表达式，仅 foo 变量名被提升）

对象和数组的“=”不是复制内容，而是复制引用

这是实际开发中最容易引发隐蔽 bug 的点。当你写 const arr2 = arr1，并不是生成一个新数组，而是让 arr2 指向同一块内存地址：

• 修改 arr2.push(4)，arr1 也会变
• 判断相等用 === 时，两个字面量相同的数组永远返回 false，因为它们是不同引用
• 深拷贝不能靠 JSON.parse(JSON.stringify(obj)) 应对所有场景（会丢函数、undefined、Symbol、循环引用）

const obj1 = { a: 1 };
const obj2 = obj1;
obj2.a = 99;
console.log(obj1.a); // 输出 99 —— 不是“意外”，是设计如此

理解这些不是为了背概念，而是当你遇到“点击没反应”“数据莫名被改”“console 打印顺序不对”时，能快速定位到执行模型、作用域或引用机制这一层，而不是在 HTML 结构或拼写错误里反复排查。