下面我们把这些模式按照创建型、结构型和行为型三大类划分，每种dou配上简短说明和可运行的示例代码。准备好了吗？敲起键盘吧！🚀

当你需要根据不同参数返回不同对象，却不想在外部显式 new 某个构造函数时用工厂函数Zui合适。

// 简易工厂：根据 type 创建对应实例
function createWidget {
    const map = {
        button:  => ,
        modal :  => ,
    };
    if  throw new Error;
    return map;
}
// 使用
const btn = createWidget;
console.log; // {type:"button", label:"提交"}

全局只允许出现唯一实例的时候——比如配置中心、事件总线——单例帮你守住这个约定。

class Config {
    constructor {
        if  return Config.instance;
        this.options = options;
        Config.instance = this;
    }
}
const c1 = new Config;
const c2 = new Config;
console.log; // true
console.log; // {env:"dev"} ——后面的构造被忽略了

借助原型链共享方法，实现轻量级继承，比传统构造函数geng直观。

const animalProto = {
    speak { console.log; }
};
function Animal {
    this.name = name;
}
Animal.prototype = animalProto;
const cat = new Animal;
cat.speak; // 喵喵 发出声音

当一个对象属性繁多且组合自由时用 Builder 按步骤组装，可读性极佳。

class CarBuilder {
    constructor { this.car = {}; }
    setEngine{ this.car.engine=e; return this;}
    setColor{ this.car.color=c; return this;}
    setSeats{ this.car.seats=n; return this;}
    build{ return this.car; }
}
const myCar = new CarBuilder
                .setEngine
                .setColor
                .setSeats
                .build;
console.log;

// 老版 API
const legacyAPI = {
    fetchUser{ console.log;}
};
// 我们想要的新调用方式
function userAdapter{
    return {
        getUser{ oldApi.fetchUser; }
    };
}
const api = userAdapter;
api.getUser; // 老接口取用户 42

const target = {price:100};
const handler = {
    get{
        console.log;
        return t;
    },
    set{
        console.log;
        t=value;
        return true;
    }
};
const proxyObj = new Proxy;
proxyObj.price;          // 打印 “读取属性 price”
proxyObj.price=120;      // 打印 “修改属性 price 为 120”
console.log;// 120

function logWrapper{
   return function{
       console.time;
       const result=fn.apply;
       console.timeEnd;
       return result;
   };
}
function heavyTask{ for; }
const loggedTask=logWrapper;
loggedTask; // 控制台会输出执行时间

class Sorter{
   constructor{ this.strategy=strategy; }
   sort{ return this.strategy; }
}
const bubble==>{/* …冒泡实现… */return arr};
const quick ==>{/* …快速排序实现… */return arr};
let sorter=new Sorter;
sorter.sort;
sorter.strategy=quick;
sorter.sort;

class EventBus{
   constructor{ this.handlers={}; }
   on{ .push;}
   emit{ .forEach);}
}
const bus=new EventBus;
bus.on=>console.log);
bus.emit; // Alice Yi登录

class Command{
   execute{ throw '未实现';}
   undo{ throw '未实现';}
}
class AddText extends Command{
   constructor{
      super; this.receiver=receiver; this.text=text;
   }
   execute{ this.receiver.append;}
   undo{ this.receiver.remove;}
}
class Editor{
   constructor{this.content='';}
   append{this.content+=txt;}
   remove{this.content=this.content.slice;}
}
let editor=new Editor;
let cmd=new AddText;
cmd.execute; console.log; // Hello 
cmd.undo;     console.log; //