javascript中设计模式之桥接模式详解(Bridge design)

一、桥接模式

1、桥接模式是一种既能把俩个对象连接在一起，又能避免二者间的强耦合的方法。通过“桥”把彼此联系起来，同时又允许他们各自独立变化

2、桥接模式主要作用就是将抽象与其实现隔离开来，以便二者独立话

二、桥接实例

1、事件监听回调机制

比如我们在页面点击一个发送按钮，去提交表单，我们一般就会这样写：

	
	
	



	
		发送
	

	

如果我们利用桥接模式就会这样写：

	
	
	



	
		发送
	

	

简简单单的一个bridgeHadler函数即实现了桥接模式，通过这个函数中转，这样sendReg发送请求方便我们以后调试，直接调用，不需要点击一下再触发了，是不是很方便，代码很简单，但思想大家一定要记住。

2、特权函数

	var PublicClass = function() {
			//私有变量
			var name = 'C5';
			// getName 访问私用成员变量  特权函数
			this.getName = function () {
				return name;
			}
		}

		var c1 = new PublicClass();
		alert(c1.getName()); //c5


		var PublicClass = function() {
			//私有变量
			var privateMethod = function () {
				alert('执行了一个很复杂的操作');
			};
			// 通过特权函数 去访问这个私用的独立单元
			this.bridgeMethod = function () {
				return privateMethod();
			}
		}

		var c1 = new PublicClass();
		c1.bridgeMethod(); //执行了一个很复杂的操作

3、桥接组织多个单元

	var Class1 = function (a,b,c) {
			this.a = a;
			this.b = b;
			this.c = c;
		};
		var Class2 = function (d,e) {
			this.d = d;
			this.e = e;
		};
		var BridgeClass = function (a,b,c,d,e) {
			this.Class1 = new Class1(a,b,c);
			this.Class2 = new Class1(d,e);
		
		};

这样利用桥模式把多个单体组织在一起，方便简单