第4章 JavaScript核心概念：闭包、原型、异步、作用域、事件循环、this指向
本章聚焦六个高频核心概念，面试中常被串联考察对JS底层机制的理解。掌握统一回答框架，是架构师级面试的关键。
使用指南：面试时先快速定位题目属于哪个概念组，再调用对应回答框架（STAR + 分点 + 举例），形成结构化表达。
知识结构速览表
| 核心概念 | 面试高频考点 | 典型问法 | 关键提醒 |
|---|---|---|---|
| 闭包 | 词法作用域、内存泄漏、模块模式 | “闭包是什么？实际应用？” | 注意循环中闭包陷阱 |
| 原型与原型链 | \_\_proto\_\_、prototype、instanceof | “如何实现继承？” | 原型链性能与ES6 class关系 |
| 异步 | 回调、Promise、async/await | “异步方案演进与区别” | 错误处理与并发控制 |
| 作用域 | 全局/函数/块级作用域、变量提升 | “var/let/const区别” | 暂时性死区 |
| 事件循环 | 宏任务/微任务、执行顺序 | “setTimeout/Promise执行顺序” | 注意嵌套微任务 |
| this指向 | 默认绑定/隐式/显式/new/箭头函数 | “this指向如何确定？” | 失去上下文常见场景 |
复习建议：将六个概念分为“作用域&闭包”“原型&this”“异步&事件循环”三组，每组在回答时按“定义→原理→场景→注意点”四步展开。
面试问答卡片
Q1：什么是闭包？在实际开发中有哪些应用？
面试官考察点：词法作用域理解、内存管理意识、实际工程能力
回答框架：① 定义（函数+外部变量引用）→ ② 原理（函数创建时保存作用域链）→ ③ 常见应用（模块封装、防抖节流、柯里化）→ ④ 注意内存泄漏
闭包是指内部函数可以访问外部函数作用域的变量。例如计数器工厂函数：function createCount() { let count = 0; return () => ++count; }。应用：封装私有变量、函数柯里化、setTimeout循环绑定。注意闭包可能导致内存无法释放，一般在用完手动置为null。可能追问：如何检测闭包引起的内存泄漏？闭包与纯函数的关系？
避坑提醒：不要回答“闭包是函数嵌套函数”这种片面描述；强调作用域链和变量生命周期。
Q2：请解释 JavaScript 中的 this 绑定规则。
面试官考察点：运行时上下文理解、箭头函数特性、常见绑定陷阱
回答框架：① 列出五种绑定（默认/隐式/显式/new/箭头）→ ② 举例说明每种场景 → ③ 箭头函数无自身this，继承外层 → ④ 优先级：new > 显式 > 隐式 > 默认
this在函数运行时确定。默认绑定：非严格模式下全局对象；隐式绑定：obj.fn()指向obj；显式绑定：call/apply/bind指定；new绑定：指向新对象；箭头函数：无this，从定义时外层作用域继承。例：setTimeout中使用箭头函数可避免this丢失。可能追问：如何让回调函数中的this指向当前对象？软绑定（soft bind）实现？
避坑提醒：不要混淆“定义时”与“运行时”，箭头函数this不能通过call/apply改变。
Q3：描述事件循环（Event Loop）的执行过程，并举例宏任务与微任务执行顺序。
面试官考察点：异步机制、队列模型、浏览器/Node差异
回答框架：① 整体流程（同步→微任务→宏任务）→ ② 微任务队列（Promise.then、MutationObserver）→ ③ 宏任务队列（setTimeout、I/O）→ ④ 每轮循环清空微任务，再取一个宏任务
执行顺序：console.log(1); setTimeout(()=>console.log(2),0); Promise.resolve().then(()=>console.log(3))。输出：1,3,2。因为同步先执行，微任务then早于宏任务setTimeout。原理：JS引擎顺序执行同步代码，遇到异步任务放入各自队列，主线程空闲后优先清空微任务队列，再取宏任务。可能追问：async/await在事件循环中的表现？Node.js中的process.nextTick与微任务区别？
避坑提醒：注意浏览器和Node实现差异（如微任务执行时机），避免直接给出错误顺序。
本章核心脉络：面试官通常不会孤立地问一个概念，而是将其融入场景题（如“setTimeout与Promise打印顺序”融合闭包、作用域、事件循环）。建议按“三组概念”系统练习，每组准备一个综合案例。