JavaScript设计模式系列六：桥接模式

jzzlee 发布于2019-08-26 11:44 / 2437人阅读

摘要：桥接模式桥接是用于把抽象化与现实化解耦，使得二者可以独立变化，这种类型的设计模式属于结构型模式，它通过提供抽象化和现实化之间的桥接结构，实现二者的解耦。所以接口和实现是可以组合的，这种组合我们称之为桥接模式。主要用在系统开始设计的时候使用。

桥接模式

桥接（Bridge）是用于把抽象化与现实化解耦，使得二者可以独立变化，这种类型的设计模式属于结构型模式，它通过提供抽象化和现实化之间的桥接结构，实现二者的解耦。

举个简单的例子

var Fn1 = function(a) {
  // dosomething...  
}
var Fn2 = function(b) {
  // dosomething...
}
var Bridge = function(a, b){
  this.one = new Fn1(a)
  this.two = new Fn2(b)
}

有实现，首先要有接口，实现必定对应于接口，但是实现并不一定绑定在一个接口上，我们可以通过组合现有接口的方式，去组成一个新的实现，对应新的需求，不必重新定义接口，再重新为新接口写一个实现。
所以接口和实现是可以组合的，这种组合我们称之为桥接模式。主要用在系统开始设计的时候使用。

特点：

分离接口和实现部分

提供可扩展性

实现细节对客户透明，可以对客户隐藏实现细节

缺点：

大量的类将导致开发成本增加，同时在性能方面可能也会有所降低

GPU云服务器云服务器桥接模式桥接模式linux javascript设计模式 javascript命令模式

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

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

JavaScript面试系列：JavaScript设计模式之桥接模式和懒加载

摘要：桥接模式的核心在于将抽象部分和它的实现部分分离，使它们都可以独立的变化。看起来这个版本已经很完美了不，它仍然有可以优化的空间，即题目提到的桥接模式。使用桥接模式的实现版本这个实现包含了三个函数。这个例子体现了桥接模式的作用。我写的程序员面试系列文章 Java面试系列-webapp文件夹和WebContent文件夹的区别？程序员面试系列：Spring MVC能响应HTTP请求的原因？...

tracymac7 2019-08-23 12:29 评论0 收藏0
听飞狐聊JavaScript设计模式系列11

摘要：桥接模式之特权函数特权函数，用一些具有特权的方法作为桥梁以便访问私有空间，可以回忆一下之前的系列。连续自然数分组，计算最多组的个数将至这个连续自然数分成组使每组相加的值相等。个数组中数字最多的一组有个此时的和为。本回内容介绍上一回，聊了适配器模式，图片预加载，介一回，聊桥接模式（Bridge），跟之前一样，难度比较小，桥接模式将抽象部分与它的实现部分分离，通过桥接模式联系彼此，同时...

wanglu1209 2019-08-19 17:12 评论0 收藏0
Java设计模式之（六）——桥接模式

摘要：桥接模式定义桥接模式定义抽象化角色它的主要职责是定义出该角色的行为，同时保存一个对实现化角色的引用，该角色一般是抽象类。这种优雅的实现数据库切换方式就是利用了桥接模式。1、什么是桥接模式？Decouple an abstraction from its implementation so that the two can vary independently.桥接模式（Bridge Patt...

番茄西红柿 2021-11-23 09:51 评论0 收藏2637
JavaScript设计模式系列五：适配器模式

摘要：什么是适配器模式所谓适配器模式就是用一个新的接口对现有的接口进行包装，处理类与的不匹配。对象适配器可以适配它的父对象接口方法或属性。装饰者模式增强了对象的功能而同时又不改变它的接口，因此它对程序的透明度比适配器要好。什么是适配器模式所谓适配器模式就是用一个新的接口对现有的接口进行包装，处理类与API的不匹配。使用这种模式的对象又叫作包装器。比如我们有一个接口： function...

banana_pi 2019-08-26 11:44 评论0 收藏0
JS 桥接模式

摘要：简介桥接模式将抽象部分与它的实现部分分离，使它们都可以独立地变化。同时桥接模式也有自己的缺点大量的类将导致开发成本的增加，同时在性能方面可能也会有所减少。 1. 简介桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。其实就是函数的封装，比如要对某个DOM元素添加color和backgroundColor，可以封装个changeColor函数，这样可以在多个...

chemzqm 2019-08-21 18:19 评论0 收藏0