javascript设计模式 桥接模式
什么是桥接模式
讲事件的实现部分和抽象部分分离开来,以便两者可以独立的变化
桥接模式的作用
简单的桥接模式
abstractFn是抽象部分, 而actualFn是实现部分。 他们完全可以独自变化互不影响。
/**
* 定义一个实际的接口,处理判断一个数的奇偶
* @param temp
* @returns {*}
*/
var actualFn = function (temp) {
if (temp % 2 != 0)
return "the num is odd";
else
return "The num is even";
}
/**
* 定义一个抽象的接口,通过传入相关的处理函数,来判断一个数的奇偶
* @param num
* @param fn
*/
var abstractFn = function (num, fn) {
var result = fn.call(window, num);
console.log(result);
}
// 接口的数据调用
abstractFn(6, actualFn);
桥接模式的方法访问类中的私有成员
/**
* 定义一个类
* @constructor
*/
var Public = function () {
var secret = 3;
/**
* 通过桥接模式访问类中的私有变量
* @returns {number}
*/
this.privilegedGetter = function () {
return secret;
}
}
用桥接模式连接多个类
/**
* 定义类1
* @param a
* @param b
* @constructor
*/
var Class1 = function (a, b) {
this.a = a;
this.b = b;
};
/**
* 定义类2
* @param c
* @constructor
*/
var Class2 = function (c) {
this.c = c;
}
/**
* 定义一个相关的桥接类
* @param a
* @param b
* @param c
* @constructor
*/
var BridgeClass = function (a, b, c) {
this.class1 = new Class1(a, b);
this.class2 = new Class2(c);
}
其中的桥接类将相关的数据分发给相关的处理类,而处理类与桥接类可以进行相互独立的改变.
桥接模式的使用场合
js编程常常基于事件驱动开发,因此接口“可桥接”,实际上也就是可适配。
桥接模式的好处
1.将功能的抽象和其实现隔离开,有助于独立地管理软件的各组成部分
2.分离了抽象与实现,有助于bug的寻找和数据的追踪
桥接模式的弊端
使用桥接元素,每次都要增加一次函数调用,对应用程序的性能会产生一定的影响