Adapter(适配器)模式
适配器模式可用来在现有接口和不兼容的类之间进行适配。使用这种模式的对象又叫包装器(wrapper),因为它们在用一个新的接口包装另一个对象。
使用场合:
- 使用一个已经存在的对象,但其方法或属性接口不符合你的要求;
- 你想创建一个可复用的对象,该对象可以与其它不相关的对象或不可见对象(即接口方法或属性不兼容的对象)协同工作;
- 想使用已经存在的对象,但是不能对每一个都进行原型继承以匹配它的接口。对象适配器可以适配它的父对象接口方法或属性。
简单代码实现
/**
* Created by Zang on 2017/3/21.
*/
var clientObject = {
str1: 'foo',
str2: 'bar',
str3: 'baz'
};
function interfaceMethod(str1, str2, str3) {
console.log(str1 + ' ' + str2 + ' ' + str3);
}
// 把clientObject作为参数传递给interfaceMethod,需要用到适配器
function clientToInterfaceAdapter(o) {
interfaceMethod(o.str1, o.str2, o.str3);
}
适配器模式与其它相似模式的区别:
- 适配器和桥接模式虽然类似,但桥接的出发点不同,桥接的目的是将接口部分和实现部分分离,从而对他们可以更为容易也相对独立的加以改变。而适配器则意味着改变一个已有对象的接口。
- 装饰者模式增强了其它对象的功能而同时又不改变它的接口,因此它对应程序的透明性比适配器要好,其结果是装饰者支持递归组合,而纯粹使用适配器则是不可能的。
- 代理模式在不改变它的接口的条件下,为另外一个对象定义了一个代理。
优缺点:
- 有利于避免大规模改写现有客户代码。
- 如果现有API还未定形,或者新街口还未定形,那么适配器可能不会一直管用。
Proxy(代理)模式
Proxy 模式原理:为其他对象提供一种代理以控制对这个对象的访问。代理模式使得代理对象控制具体对象的引用。代理几乎可以是任何对象:文件,资源,内存中的对象,或者是一些难以复制的东西。
简单代码实现
// Tom同学生病了,让别人帮忙向老师Joke请假
var Student = function (name, teacher) {
this.name = name;
this.send = function () {
console.log(teacher.name + ' 老师,' + this.name + '同学生病了,请假一天!');
};
};
var Teacher = function (name) {
this.name = name;
};
var Proxy = function (studentName, teacherName) {
this.send = function () {
(new Student(studentName, new Teacher(teacherName))).send();
};
};
var proxy = new Proxy('Tom', 'Joke');
proxy.send(); // Joke 老师,Tom同学生病了,请假一天!
// 虚拟代理 虚拟代理是把一些开销很大的对象,延迟到真正需要它的时候才去创建执行
// 例如:做一个文件同步的功能,当我们选中一个文件时,就同步到另外一台备用服务器上
// 文件同步函数
var syncFile = function (id) {
console.log("开始同步文件,id为:" + id);
};
// 使用代理合并同步请求
var proxySyncFile = (function () {
var cache = [], timer = null;
return function (id) {
cache.push(id);
if (timer) {
return;
}
timer = setTimeout(function () {
syncFile(cache.join(','));
cache = [];
timer = null;
clearTimeout(cache);
}, 3000);
};
})();
window.onload = function () {
var checkbox = document.getElementsByName("input");
for (var i = 0; i < checkbox.length; i++) {
checkbox[i].onclick = function () {
if (this.checked === true) {
proxySyncFile(this.id);
}
};
}
};
// 缓存代理可以为一些开销大的运算结果提供暂时的存储,在下次运算时,如果传递进来的参数跟之前一致,则可以返回前面的运算结果。
// 示例: 为加法创建缓存代理
var plus = function () {
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum;
};
var createProxyFactory = function (fn) {
var cache = [];
return function () {
var args = Array.prototype.join.call(arguments, '-');
if (args in cache) {
console.log('使用缓存代理');
return cache[args];
}
return cache[args] = fn.apply(this, arguments);
}
};
var proxyPlus = createProxyFactory(plus);
// 10
console.log(proxyPlus(1, 2, 3, 4));
// 使用缓存代理 10
console.log(proxyPlus(1, 2, 3, 4));
适用场合:
- 远程代理:也就是为了一个对象在不同的地址空间提供局部代表,这样可以隐藏一个对象存在于不同地址空间的事实,就像web service里的代理类一样。
- 虚拟代理:根据需要创建开销很大的对象,通过它来存放实例化需要很长时间的真实对象,比如浏览器的渲染的时候先显示问题,而图片可以慢慢显示(就是通过虚拟代理代替了真实的图片,此时虚拟代理保存了真实图片的路径和尺寸。
- 安全代理,用来控制真实对象访问时的权限,一般用于对象应该有不同的访问权限。
- 智能指引,只当调用真实的对象时,代理处理另外一些事情。例如C#里的垃圾回收,使用对象的时候会有引用次数,如果对象没有引用了,GC就可以回收它了。