【设计模式系列】之【代理模式】

前言：要提升代码水平，就绕不开设计模式。之前也有过一些了解，但并没有深入学习。最近准备系统的学习一下设计模式，提高设计，解耦的能力，发现了一本好书《JavaScript设计模式与开发实践》，所以边读边写，把常用的设计模式学习并记录在这里。

单一职责原则

面向对象涉及的原则之一：单一职责原则，即对一个类（对象，函数）而言，应该仅有一个引起他变化的原因。也可以简单地理解为，一个类只做一件事，如果要做多个，就应该拆分解耦。

定义与介绍

代理模式的定义：为一个对象提供一个代用品或占位符，以便控制对它的访问。

代理模式是一种非常有意义的模式，生活中也普遍存在，比如明星都有经纪人作为代理，如果想请明星演出，只能联系他的经纪人，敲定细节之后，再把合同交给明星签字。

保护代理 和 虚拟代理

对于上边的例子，代理B可以帮助A过滤掉一些请求，比如经纪人帮明星过滤掉不适合他的电影和演出，这种代理叫做保护代理。
另一方面，如果一个合同，明星有空的时候才会签字，而敲定合同(new Contract)的过程很费力，那么可以让经纪人在明星有空的时候才执行new Contract，这种代理叫做虚拟代理，虚拟代理把一些开销很大的对象，延迟到真正需要他的时候才去创建。

保护代理用于控制不同权限对象对目标对象的访问，但js并不容易实现保护代理，因为我们无从判断谁访问了某个对象，而虚拟代理是最常用的一种代理。

虚拟代理把一些开销很大的对象，延迟到真正需要他的时候才去创建。

JavaScript中的代理模式

代理模式包括很多小分类，在JavaScript中最常用的是虚拟代理和缓存代理。虽然代理模式非常有用，但我们在编写业务代码的时候，往往不需要预先猜测时都需要使用代理模式。当真正发现不方便直接访问某个对象的时候，再使用代理模式也不迟。

缓存代理可以为一些开销很大的运算结果提供暂时的缓存，在下次运算时，如果传递的参数跟之前一致，则不用计算直接返回前边储存的运算结果

来个缓存代理的例子：

// 计算乘积
const mult = () => {
	let a = 1;
	for(let i = 0; i < arguments.length; i++) {
		a = a * arguments[i];
	}
	return a;
}

// 计算加和
const add = () => {
	let a = 0;
	for(let i = 0; i < arguments.length; i++) {
		a = a + arguments[i];
	}
	return a;
}

// 创建缓存代理的工厂
const createProxyFactory = function(fn) {
	const cache = {};
	return function () {
		const args = Array.prototype.join.call(arguments, ',');
		if(args in cache) {
			return cache[args];
		}
		return cache[args] = fn.apply(this, arguments);
	}
} 

const proxyMult = createProxyFactory(mult);
const proxyAdd = createProxyFactory(add);

console.log(proxyMult(1,2,3,4)); // 24
console.log(proxyMult(1,2,3,4)); // 24
console.log(proxyAdd(1,2,3,4)); // 10
console.log(proxyAdd(1,2,3,4)); // 10