本专题系统讲解JavaScript设计模式与架构思想，涵盖创建型、结构型、行为型模式在前端的应用，以及MVC/MVVM架构、单向数据流等现代前端架构思想，帮助开发者构建可维护、可扩展的前端应用。
在MVVM架构中，ViewModel应该包含业务逻辑和数据处理代码，包括API调用、数据转换、复杂计算等操作。
依赖倒置原则(DIP)要求高层模块依赖低层模块，低层模块实现高层模块定义的接口，这样可以保证高层模块的稳定性。
以下代码实现了装饰器模式，请分析其核心设计特点：
// 基础组件
class Coffee {
cost() { return 10; }
}
// 装饰器基类
class CoffeeDecorator {
constructor(coffee) {
this.coffee = coffee;
}
cost() { return this.coffee.cost(); }
}
// 具体装饰器
class MilkDecorator extends CoffeeDecorator {
cost() { return this.coffee.cost() + 2; }
}
class SugarDecorator extends CoffeeDecorator {
cost() { return this.coffee.cost() + 1; }
}
// 使用
let coffee = new Coffee();
coffee = new MilkDecorator(coffee); // 加牛奶
coffee = new SugarDecorator(coffee); // 加糖
console.log(coffee.cost()); // 13
这段代码体现的装饰器模式核心特点是什么？
以下关于模块化设计原则的描述中，哪一项是正确的？
以下代码展示的是哪种依赖注入方式？
class UserService {
constructor(userRepository, logger) {
this.userRepository = userRepository;
this.logger = logger;
}
}
// 使用
const userService = container.resolve(UserService);
以下代码实现了简单的事件驱动系统，请分析其设计模式特征：
class EventEmitter {
constructor() {
this.events = new Map();
}
on(event, listener) {
if (!this.events.has(event)) {
this.events.set(event, new Set());
}
this.events.get(event).add(listener);
}
emit(event, ...args) {
if (this.events.has(event)) {
this.events.get(event).forEach(listener => listener(...args));
}
}
off(event, listener) {
if (this.events.has(event)) {
this.events.get(event).delete(listener);
}
}
}
这段代码体现的是哪种设计模式的实现？
GoF设计模式按目的分为三大类，以下关于设计模式分类和SOLID原则的描述哪些是正确的？
Promise是JavaScript异步编程的核心，以下关于Promise内部实现机制的描述哪些是正确的？
代理模式在JavaScript中有广泛应用，以下哪些是代理模式的典型应用场景？
关于工厂模式的变体及其在JavaScript中的应用，以下哪些描述是正确的？
关于JavaScript中依赖注入(DI)容器的实现，以下哪些描述是正确的？
关于JavaScript中观察者模式的实现与内存管理，以下哪些描述是正确的？
JavaScript异步编程有多种模式，以下关于各异步模式的对比分析哪些是正确的？
控制反转(IoC)是软件设计的核心原则，以下哪些是实现IoC的正确方式？
前端架构模式从MVC演进而来，以下关于MVC、MVP、MVVM架构模式的对比描述哪些是正确的？
JavaScript模块化规范经历了多个阶段演进，以下关于各异步模块规范的描述哪些是正确的？
控制反转(IoC)的核心思想是将对象的____________责任从对象本身转移到外部容器。在依赖注入中，常用三种注入方式：通过____________注入必需依赖、通过____________注入可选依赖、通过接口注入实现解耦。
异步流程控制有多种模式。串行执行使用____________或reduce逐个执行异步任务。并行执行使用____________同时启动所有任务，等待全部完成。竞速模式使用____________返回最先完成的任务结果。批量控制使用Promise.allSettled获取所有任务的完成状态（无论成功或失败）。
MVVM框架实现双向数据绑定主要有两种方案。Vue2使用____________配合发布订阅模式，劫持对象属性的getter/setter，在数据变化时触发____________和____________。Vue3改用Proxy代理整个对象，可监听数组变化和新增属性，性能更优。
JavaScript中实现单例模式有多种方式。使用ES6 class实现时，可通过____________存储唯一实例，在构造函数中判断若实例已存在则____________。使用模块模式时，利用ES模块的____________（模块只执行一次），直接导出实例即可。惰性初始化单例使用立即执行函数(IIFE)或Symbol保障实例私有性。
