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

逃离我推掉我的手 2021-08-24 17:39 333阅读 0赞

### 介绍 ###

*  旧接口模式与使用者不兼容
 *  中间加一个适配器转换接口
 *  类似于笔记本电脑与显示器之间的转换线

来看个例子：

class Adaptee { 
    	specificRequest () { 
    		return "显示器接口"
    	}
    }
    
    class Target { 
    	constructor () { 
    		this.adaptee = new Adaptee()
    	}
    	request () { 
    		let info = this.adaptee.specificRequest()
    		return `${ info} -> 转换器 -> 电脑接口`
    }
    
    // 测试
    let target = new Target();
    let res = target.request();
    
    console.log(res);

那么新老接口不兼容的时候，不要全部替换，最好做一层适配器。这样能避免出错，避免修改导致的一些不必要的问题。  
那么在vue中，我们经常使用的computed计算属性，也是适配器模式：

比如在data中有一个数据，我们要把它返回来之后再进行渲染，那这时候我们就需要用计算属性让其反过来拼写后再返回

var vm = new Vue({ 
        el: '#app',
        data() { 
            return { 
                msg: 'Hello'
            }
        },
        computed: { 
            // 计算属性的getter
            reversedMessage: function(){ 
                return this.msg.split('').reverse().join('')
            }
        }
    })

即什么呢？使用者想要的模式，和你现在有的不兼容，那么这个时候，我们就使用适配器模式做下处理，让现在有的这个功能或者数据，能符合用户的要求。

发表评论取消回复

表情：

评论列表（有 0 条评论，333人围观）

还没有评论，来说两句吧...

相关阅读

相关设计模式 - 适配器模式

适配器模式在现代的Java框架中十分常用。适配器模式将一个类的接口转换成客户期望的另一个接口，让原本不兼容的接口可以合作无间。 ![这里写图片描述][SouthEast]

爱被打了一巴掌/ 2022年06月13日 23:08/ 0 赞/ 285 阅读

相关设计模式——适配器模式

设计模式——适配器模式先说一下适配器模式的定义：适配器模式是作为两个独立不兼容接口之间的桥梁。这种类型的设计模式属于结构性模式，它结合了两个独立接口的功能。需要

偏执的太偏执、/ 2022年06月12日 04:49/ 0 赞/ 269 阅读

相关设计模式 : 适配器模式

适配器模式(Adapter) : 将一个类的接口转换成客户希望的另外一个接口,Adapter模式使得原本由于接口不兼容而不能在一起工作的那些类可以一起工作.

秒速五厘米/ 2022年05月26日 23:18/ 0 赞/ 298 阅读

相关 JavaScript设计模式与实践--适配器模式

适配器模式（Adapter） > 适配器模式主要用来解决两个已有接口之间不匹配的问题，它不考虑这些接口是怎样实现的，也不考虑它们将来可能会如何演化。适配器模式不需要改变已

谁践踏了优雅/ 2022年05月17日 02:40/ 0 赞/ 161 阅读

相关设计模式---适配器模式

一概述定义：适配器模式将某个类的接口转换成客户端期望的另一个接口表示，主的目的是兼容性，让原本因接口不匹配不能一起工作的两个类可以协同工作。其别名为包装器(Wrapp

迷南。/ 2022年05月15日 04:55/ 0 赞/ 300 阅读

相关 [设计模式]适配器模式

> 定义：适配器模式将某个类的接口转换成客户端期望的另一个接口表示，主的目的是兼容性，让原本因接口不匹配不能一起工作的两个类可以协同工作。其别名为包装器(Wrapper)。

客官°小女子只卖身不卖艺/ 2022年05月08日 03:12/ 0 赞/ 227 阅读

相关设计模式-适配器模式

适配器定义：适配器模式(Adapter Pattern) ：将一个接口转换成客户希望的另一个接口，适配器模式使接口不兼容的那些类可以一起工作，其别名为包装器(Wrapp

拼搏现实的明天。/ 2022年04月11日 06:53/ 0 赞/ 307 阅读

相关 JavaScript -- 设计模式结构型设计模式-适配器模式

适配器模式：是将一个类的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。适配器模式在生活中

朱雀/ 2022年01月12日 08:59/ 0 赞/ 250 阅读

相关 JavaScript设计模式——适配器模式

介绍旧接口模式与使用者不兼容中间加一个适配器转换接口类似于笔记本电脑与显示器之间的转换线来看个例子： class Adaptee {

逃离我推掉我的手/ 2021年08月24日 17:39/ 0 赞/ 334 阅读

相关 JavaScript设计模式(八)【适配器模式】

jquery适配器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

左手的ㄟ右手/ 2021年07月04日 15:33/ 0 赞/ 346 阅读