适配器模式

结构型模式

特点

适配器模式的核心在于将一个类的接口转换成客户期望的另一个接口，使原本不兼容的类可以一起工作。

• 当我们需要使用某个对象时
• 但其 API 返回的格式可能不完全符合我们的需求
• 需要通过适配器转换一下

使用场景

适配器模式适用于需要整合不同接口或数据格式的场景，如第三方库集成、数据转换等。比如在 Vue 中的使用

export default {
  data() {
    return {
      userList: [
        { id: 1, name: 'a' },
        { id: 2, name: 'b' },
        { id: 3, name: 'c' },
      ],
    };
  },
  computed: {
    userNameList() {
      return this.userList.map((item) => item.name); // 适配器，返回用户名列表
    },
  },
};