ES面试题常见陷阱与通俗解释

以下是对您提供的博文《ES面试题常见陷阱与通俗解释：从原理到实战避坑指南》的深度润色与重构版本。我以一位深耕前端多年、带过数十名中高级工程师的技术博主身份，用更自然、更具教学感、更少“AI腔”的语言重写全文——去掉所有模板化标题、避免教科书式罗列、强化逻辑流与真实开发语境，同时保留全部技术细节、代码示例和工程洞见。

为什么你总在ES面试里栽跟头？不是题难，是没看清JavaScript在“想什么”

最近帮几位朋友模拟面试，发现一个特别有意思的现象：
有人能手写Promise.allSettled，却说不清await之后那行代码到底什么时候执行；
有人熟背原型链图谱，但一碰到obj.method()赋值给变量再调用，就卡壳说“this应该是obj啊？”；
还有人把JSON.parse(JSON.stringify(obj))当深拷贝银弹，直到上线后表单日期全变null才去翻MDN……

这不是基础不牢，而是我们太习惯“记结论”，却很少蹲下来，听JavaScript引擎自己说话。

ECMAScript不是一套静态规则，而是一套活的运行时契约——它每一步怎么取值、怎么绑定this、怎么调度任务、怎么管理内存，背后都有明确的规范路径（ECMA-262）。面试官真正想看的，是你有没有能力顺着这条路径，推演出代码在真实浏览器或Node环境中究竟会做什么。

下面这七个点，不是“考点清单”，而是我在项目里踩过坑、修过bug、重构过工具库后，总结出的JavaScript底层思维锚点。每一个，我都配了可直接粘贴进控制台验证的代码，以及一句大白话口诀。

深拷贝：别再骗自己“JSON就够了”，你拷的到底是“值”还是“引用图”？

先说个血泪教训：去年我们一个后台系统做表单快照回滚，用JSON.stringify序列化用户填写的复杂对象，结果用户上传的File对象没了，Date变成字符串，RegExp直接报错——因为JSON根本不是为深拷贝设计的，它是为数据交换服务的。

真正的深拷贝，本质是对整个对象图（Object Graph）做一次受控遍历。你要考虑：
- 遇到循环引用怎么办？（比如obj.a = obj）
- 遇到Date、RegExp、Map这些内置构造器，是生成新实例，还是只复制字段？
- 遇到get/set访问器、不可枚举属性、writable: false的字段，要不要保留元信息？

这时候Object.getOwnPropertyDescriptors()就派上大用场了——它不看你“能不能读”，而是把你对象身上所有被定义过的属性特征都摊开给你看。

function deepClone(obj, cache = new WeakMap()) { // 基本类型、null 直接返回 if (obj === null || typeof obj !== 'object') return obj; // 循环引用检测：WeakMap键是对象本身，不会阻止GC if (cache.has(obj)) return cache.get(obj); // 关键！用原对象的 constructo