带你看月亮

重构的定义 名词：对软件内部结构的调整，在不改变可观察行为的前提下，提高可理解性、降低修改成本 动词：使用一系列重构手法，在不改变外部行为的前提下调整结构 关键特征：运用大量微小且保持软件行为的步

不同数据结构，用不同的代理策略，做到“最小拦截 + 精确触发”。响应式系统本质上是两件事：依赖收集（track）：读取时记录依赖；副作用触发（trigger）：写入时触发更新

Vue3 的响应式模块本质是一个： 核心目标只有两件事： 分类处理不同类型目标对象 保证代理实例的唯一性与可复用 整个系统围绕一个核心函数展开： 所有响应式 API 都只是它的参数组合

Vue3 ref 模块设计拆解 ref 模块的核心目标： 👉 让基本类型也具备响应式能力 👉 提供统一的“值容器抽象” 整体由 4 个核心实现类组成

JS开发用到继承的地方并不多，模板方法模式是基于继承的一种设计模式。不同的类型可能存在同样的执行步骤，那么就可以将各个步骤抽离出来，定义在一个类中，各个类型再去继承这个类。 模板方法模式由 2 个部分

命令模式主要用于解耦请求者与执行者之间的关系。有些场景，请求者并不需要知道操作的具体执行者、操作具体怎么做，但是仍需要发送请求。命令模式就很适合这种场景（比如，订餐）。

传统的发布订阅又可以叫做观察者模式，是松耦合的一对多关系。发布者持有订阅者的方法，发布者发布通知的时候会直接调用订阅者的方法。全局发布订阅则不同，由中间对象来调用订阅者方法。

关键在于理解，迭代器模式就是以循环的方式访问聚合对象内的元素。类似lodash库就提供了很多这种方法，将js中只能对数组使用的forEach、map扩展到了其他类型对象。

关键在于代理，也就是不方便直接访问目标对象或者不满足要求的时候，提供一个替身来控制对目标对象的访问。常见的代理有保护代理、缓存代理、虚拟代理。