开发者社区> 问答> 正文

JavaScript适配器模式?

展开
收起
前端问答 2019-12-30 12:44:33 2874 0
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 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载