重学前端系列

🎯 一、为什么要手写 Event Loop？ 大厂面试必问：async/await、Promise、setTimeout 混合输出顺序 源码能力提升：搞懂浏览器/Node.js 的任务调度机制 理解

🎯 一、为什么要掌握这三种类型判断？ 在开发和面试中你一定遇到过： 判断方式 优点 缺点 typeof 快速判断原始类型 对对象不准，如 typeof null === 'object' instan

🎯 一、为什么要掌握浅拷贝？ 前端中对象复制是非常常见的操作（表单处理、状态管理） Object.assign 被大量使用，但很多人误以为它是深拷贝 面试中经常考：浅拷贝和深拷贝的区别？手写 assi

🎯 一、为什么要掌握这两个方法的实现？ 它们是前端数据处理最常用的接口之一 能力考察点： 对 JS 类型系统的理解（undefined、函数、Symbol） 递归遍历、数据序列化、字符串拼接能力 处理

🎯 一、为什么要掌握模板引擎？ 掌握模板引擎的实现，意味着你理解了： 字符串解析 + 正则处理 JS 动态执行函数的能力（Function 构造器） 模板编译原理（Vue/React 的编译阶段核心）

🎯 一、为什么要掌握 LRU 算法？ 是前端/全栈/后端通吃的经典算法题 实际应用场景广泛：页面缓存、图片懒加载缓存、React Fiber 中的任务优先队列 Map + 双向链表是核心实现方式（JS

🎯 一、为什么要掌握发布订阅？ 发布订阅是前端的“根设计模式”： Vue2 的事件总线 $on / $emit 就是它 React 中的 Hook 管理器、Redux 中间件也用到 微前端、组件通信、

🎯 一、为什么要手写 Promise？ 面试官想知道你： 是否真正理解异步执行机制、任务队列、Promise 状态机 能否通过状态管理、回调存储等方式还原 Promise 的行为 是否掌握链式调用、微

🎯 一、为什么要掌握深拷贝？ JS 中对象赋值是引用赋值，不是值复制 JSON.parse(JSON.stringify()) 有诸多缺陷（如丢失函数、正则、undefined、循环引用会报错） 项目

🎯 一、为什么要掌握防抖与节流？ 它们是前端性能优化的“老三样”之一，常用于： **防止频繁触发：**输入框搜索、窗口 resize、滚动监听 面试必问场景题：“你怎么优化滚动事件监听？” 🧠 二、概

🎯 一、为什么要手写 Object.create？ 在面试、框架源码中，它经常出现： 用于原型继承的核心方法 被用在 new 实现、寄生组合继承、polyfill 中 许多框架如 Vue 早期的继承方

🎯 一、面试必问：你能手写 instanceof 吗？ 面试官为什么问这个问题： 想知道你是否理解 JS 的原型链查找机制 能否用递归 + 原型指针逻辑模拟语言行为 🔍 二、instanceof 的原

🎯 一、为什么要手写 new？ 面试中经常问： "new 关键字到底做了什么？" "你能用代码模拟 new 的行为吗？" 理解 new 的本质，你才能真正理解： 构造函数的运行机制 this 指向规则

✅《JS 手写系列》第 1 篇：彻底搞懂 call、apply 和 bind 🎯 一、为什么要手写这几个函数？ 它们是 JavaScript 中 Function 原型链上非常核心的函数。 实际开发中