资讯专栏INFORMATION COLUMN

Javascript之适配者模式

zhangrxiang / 1504人阅读

摘要:适配者模式适配者模式主要用于解决两个接口之间不匹配的问题。新接口希望是下面的形式这时候就可以采用适配者模式

适配者模式

适配者模式: 主要用于解决两个接口之间不匹配的问题。
demo

 const zhejiangCityOld = (function(){
    return [
      {
        name:"hangzhou",
        id: 11,
      },
      {
        name:"jinhua",
        id: 12
      }
    ]
   }())
   console.log(zhejiangCityOld)
  //  新接口希望是下面的形式
  // {
  //   hangzhou: 11,
  //   jinhua: 12
  // }
  // 这时候就可以采用适配者模式
  const adaptor = (function(){
    const obj = {}
    for(let city of zhejiangCityOld){
      obj[city.name]=city.id
    }
    return obj
  }())
    console.log(adaptor)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106828.html

相关文章

  • 设计模式适配模式

    摘要:定义和类型定义将一个类的接口转换成客户期望的另一个接口,适配器模式让那些不兼容的类可以一起工作。类型结构型类适配器模式类适配器模式使用继承的方式去实现接口适配。它是适配器模式的核心。 0x01.定义和类型 定义:将一个类的接口转换成客户期望的另一个接口,适配器模式让那些不兼容的类可以一起工作。 类型:结构型 a.类适配器模式 类适配器模式:使用继承的方式去实现接口适配。 UML:...

    booster 评论0 收藏0
  • JavaScript 设计模式(四):适配模式

    摘要:与其它模式的异同适配器模式不会改变原有接口,这一点与装饰者模式和代理模式类似。代理模式适配器模式与代理模式最相似,同样都是创建一个新对象包装一次,实现对本体的调用。外观模式外观模式与适配器模式最大的区别,是定义了一个新的接口。 showImg(https://segmentfault.com/img/bVbul8d?w=800&h=600); 适配器模式:将一个类(对象)的接口(方法或...

    MingjunYang 评论0 收藏0
  • JS 适配模式

    摘要:另外,适配器模式和其它几个模式可能容易让人迷惑,这里说一下大概的区别适配器和桥接模式虽然类似,但桥接的出发点不同,桥接的目的是将接口部分和实现部分分离,从而对他们可以更为容易也相对独立的加以改变。 1. 简介 适配器模式(Adapter)是将一个类(对象)的接口(方法或属性)转化成客户希望的另外一个接口(方法或属性),适配器模式使得原本由于接口不兼容而不能一起工作的那些类(对象)可以一...

    Jeffrrey 评论0 收藏0
  • JavaScript设计模式

    摘要:依赖于接口的设计模式下面列出的设计模式,尤其依赖接口工厂模式。这些私用的静态成员可以从构造器内部访问,这意味着所有私用函数和特权函数都能访问它们。构造器静态特权方法封装之弊私用方法很难进行单元测试。 1.弱类型语言 在JavaScript中,定义变量时不必声明其类型。但这并不意味着变量没有类型。一个变量可以属于几种类型之一,这取决于其包含的数据。JavaScript中有三种原始类型:...

    mingzhong 评论0 收藏0
  • 慕课网_《模式的秘密适配模式》学习总结

    摘要:时间年月日星期二说明本文部分内容均来自慕课网。慕课网教学源码学习源码第一章适配器模式的简介简介生活中的适配器翻译软件插座适配器适配器模式定义适配器模式讲将一个类的接口,转换成客户期望的另外一个接口。 时间:2017年08月29日星期二说明:本文部分内容均来自慕课网。@慕课网:http://www.imooc.com教学源码:https://github.com/zccodere/s.....

    andong777 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<