Document

# 适配器模式 • 将一个接口转换为另一个接口以供给用户有效使用。 ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/eed19392be434978b497c286a285a970~tplv-k3u1fbpfcp-watermark.image?) ``` class Socket { output() { return '输出220V'; } } abstract class Power { abstract charge(): string; } class PowerAdapter extends Power { constructor(public socket: Socket) { super(); } //转换后的接口和转换前不一样 charge() { return this.socket.output() + ' 经过转换输出24V'; } } let powerAdapter = new PowerAdapter(new Socket()); console.log(powerAdapter.charge()); ``` ## **参数适配** ``` function F(obj) { const adapter = { name: "ryan", age: 18, work: "coder", }; adapter.name = obj.name || adapter.name; } ``` ## **数据适配** ``` const arr = ["javascript", "2021-9-12", "《你不知道的js》"]; const adapterObj = { name: arr[0], time: arr[1], book: arr[2], }; ``` ``` function getDefaultAdapter(): any { var adapter; if (typeof XMLHttpRequest !== 'undefined') { adapter = xhr; } else if (typeof process !== 'undefined') { adapter = http; } return adapter; } ``` ### **6.2.5 tree (一维转多维，多维转一维)** - 树型结构数据在下拉框中显示 ``` Document ```