为什么

JavaScript中对象用==或===比较恒为false，因比较的是内存引用而非内容；仅当指向同一实例时===才为true；内容相等需浅比较（单层属性）或深比较（递归处理嵌套、循环引用等），推荐使用Lodash的_.isEqual()。 JavaScript 中直接用 == 或 === 比较两个对…

ES6模块通过import/export明确依赖关系、避免全局污染、支持静态分析与tree-shaking、提供严格作用域和语义化导出，是大型项目模块化的刚需解决方案。 因为代码量变大后，不模块化就容易混乱、重复、难维护。ES6模块用 import/export 明确依赖关系，天然支持静态分析，还能…

JavaScript状态管理是统一、可控、可预测地组织与更新应用中可变数据的方式，解决多组件共享状态、props钻取、更新不一致和调试困难等问题，核心在于明确状态范围、存储位置和变更方式。 JavaScript 中的状态管理，指的是对应用中所有可变数据（比如用户登录信息、表单输入、列表筛选条件、加载…

JavaScript有8种数据类型，typeof因历史bug和无法区分对象子类型而不够用；Object.prototype.toString.call()是最可靠判断方法，可精确识别所有内置类型。 JavaScript 有 8 种数据类型：7 种原始类型（string、number、boolean、…

箭头函数没有自己的this，而是词法绑定外层作用域的this值；普通函数的this在调用时动态确定，箭头函数则跳过绑定直接沿作用域链查找，设计目的是简化回调中this的捕获。 箭头函数没有自己的 this，是因为它不绑定 this，而是继承外层作用域的 this 值。这不是“没有”，而是“不重新绑定…

虚拟 DOM 是用 JS 对象描述真实 DOM 的轻量级抽象，核心流程为生成→diff 比较→批量更新，通过避免频繁 DOM 操作、聚合变更、JS 快速比对提升性能。 JavaScript 实现虚拟 DOM 的核心，是用普通 JS 对象来描述真实 DOM 的结构和属性，再通过高效的 diff 算法比…

事件委托依赖事件冒泡机制，通过在父元素绑定监听器，利用e.target识别实际点击的子元素，实现动态元素响应、节省内存和集中管理事件逻辑。 事件委托的核心就是靠事件冒泡来工作的。没有事件冒泡，委托就无从谈起。 事件冒泡是事件委托的运行基础 当点击一个子元素（比如列表里的某个 li），事件不会只停在它…

JavaScript代码压缩通过解析成AST、应用变换规则、生成紧凑代码三阶段实现，UglifyJS是经典工具；现代替代有Terser（ES6+支持）、SWC/esbuild（Rust高速），但极致压缩仍依赖UglifyJS/Terser高级选项。 JavaScript 代码压缩不是简单删空格，而是…

Tree Shaking 是一种构建时静态分析移除未使用 ES Module 导出代码的技术，依赖 ES 模块语法、按需引入、生产模式及无副作用声明，剔除未被 import 的导出（如未引用的函数 b），但不处理死代码或动态逻辑。 树摇优化（Tree Shaking）是一种在构建阶段自动移除 Jav…

JavaScript引入迭代协议是为了统一遍历不同数据结构，要求对象实现Symbol.iterator方法，该方法返回含next()的迭代器对象，内置类型如Array、String等已原生支持。 JavaScript 需要迭代协议，是为了让不同数据结构能被统一的方式遍历（比如 for…of、展开…