开发者社区 问答 正文

JavaScript适配器模式?

展开
收起
前端问答 2019-12-30 12:44:33 2883 分享
分享
版权
举报
1 条回答
写回答
取消 提交回答
  • 前端问答小助手

    适配器用来解决两个接口不兼容的情况,不需要改变已有的接口,通过包装一层的方式实现两个接口的正常协作。

    以下是如何实现适配器模式的例子

    class Plug {
      getName() {
        return '港版插头'
      }
    }
    
    class Target {
      constructor() {
        this.plug = new Plug()
      }
      getName() {
        return this.plug.getName() + ' 适配器转二脚插头'
      }
    }
    
    let target = new Target()
    target.getName() // 港版插头 适配器转二脚插头
    
    

    在 Vue 中,我们其实经常使用到适配器模式。比如父组件传递给子组件一个时间戳属性,组件内部需要将时间戳转为正常的日期显示,一般会使用 computed 来做转换这件事情,这个过程就使用到了适配器模式。

    2019-12-30 12:44:54 举报
    赞同 1 评论

    评论

    全部评论 (0)

    登录后可评论
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等