JavaScript适配器模式?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

JavaScript适配器模式?

前端问答 2019-12-30 12:44:33 169
JavaScript 前端开发
分享到
取消 提交回答
全部回答(1)
  • 前端问答
    2019-12-30 12:44:54

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

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

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

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

    1 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程