美文网首页
javascript设计模式——适配器模式

javascript设计模式——适配器模式

作者: 蟹老板爱写代码 | 来源:发表于2018-03-30 17:05 被阅读0次

适配器模式:将一个类(对象)的接口(方法或者属性)转化成另外一个接口,以满足用户需求,使类(对象)之间接口的不兼容问题通过适配器得以解决。

生活中的适配器:国内的充电插头和港版的充电插头是不一样的,为了实现他们可以互通,一般在插座和插头间连接一个转换器(适配器)。

    // A 为一个第三方库
    var A = A || {}
    A.g = function(id) {
      return document.getElementById(id)
    }
    A.on = function(id, type, fn) {
      var dom = typeof id === 'string' ? this.g(id) : id
      if (dom.addEventListener) {
        dom.addEventListener(type, fn, false)
      } else if (dom.attachEvent) {
        dom.attachEvent('on' + type, fn)
      } else {
        dom['on' + type] = fn
      }
    }
    // 使用jquery替代A库
    A.g = function(id) {
      return $(id).get(0)
    }
    A.on = function(id, type, fn) {
      var dom = typeof id === 'string' ? $('#' + id): $(id)
      dom.on(type, fn)
    }

相关文章

  • 组合模式设计

    一、设计模式 javascript里面给我们提供了很多种设计模式: 工厂、桥、组合、门面、适配器、装饰者、享元、代...

  • 装饰者模式设计

    一、设计模式 javascript里面给我们提供了很多种设计模式: 工厂、桥、组合、门面、适配器、装饰者、享元、代...

  • 适配器模式

    一、设计模式 javascript里面给我们提供了很多种设计模式: 工厂、桥、组合、门面、适配器、装饰者、享元、代...

  • 简说设计模式之适配器模式

    前言:对于设计模式基础概念可以去看[简说设计模式之设计模式概述] 一、什么是适配器模式 适配器模式(Adapter...

  • 设计模式 - 目录

    设计模式01 - 单例模式 设计模式02 - 工厂模式 设计模式03 - 建造者模式 设计模式04 - 适配器模式...

  • 最常用的设计模式---适配器模式(C++实现)

    适配器模式属于结构型的设计模式,它是结构型设计模式之首(用的最多的结构型设计模式)。 适配器设计模式也并不复杂,适...

  • iOS设计模式(5)策略模式

    设计模式系列文章 《iOS设计模式(1)简单工厂模式》《iOS设计模式(2)工厂模式》《iOS设计模式(3)适配器...

  • iOS设计模式(6)模板模式

    设计模式系列文章 《iOS设计模式(1)简单工厂模式》《iOS设计模式(2)工厂模式》《iOS设计模式(3)适配器...

  • iOS设计模式(7)建造者模式

    设计模式系列文章 《iOS设计模式(1)简单工厂模式》《iOS设计模式(2)工厂模式》《iOS设计模式(3)适配器...

  • iOS设计模式(4)抽象工厂模式

    设计模式系列文章 《iOS设计模式(1)简单工厂模式》《iOS设计模式(2)工厂模式》《iOS设计模式(3)适配器...

网友评论

      本文标题:javascript设计模式——适配器模式

      本文链接:https://www.haomeiwen.com/subject/kvyicftx.html