代理模式

代理： 不方便直接访问某个对象的时候。。

中间代理会对直接目的对象 更熟悉，有交道。可以时刻监听目的对象的状态。从而从初始对象的“花”传给目的对象。

代理模式：有单一模式的优点。

单一原则：仅有一个引起它变化的原因。如果有多个变化引起改变，容易将职责耦合在一块，导致耦合脆弱，低内聚。

虚拟代理：例子一：图片预加载，（先用菊花先占位，解决页面空白，解决用户体验不好的效果）将设置src与预加载分开了。通常代理模式都有相同的接口。 延迟开销.

var myImage = (function(){
    var imageNode = document.createElement('img');
    document.body.appendChild( imageNode );

    return {
        setSrc: function( src ){
            imageNode.src = src;
        }
    }
})()


var proxyImage = (function(){
    var img = new Image();
    img.onload = function(){
        myImage.setSrc( this.src );
    }
    return {
        setSrc: function( src ){
            myImage.setSrc('http://xxx.baidu.com/loading.gif');
            img.src = src;
        }
    }
})()

相同的接口。若干年 想去掉菊花，则直接调用第一个，而不需要改动 耦合的效果。 代理可能只是一个锦上添花的效果。

myImage.setSrc('http://www.baidu.com/flower.jpg');

proxyImage.setSrc('http://www.baidu.com/flower.jpg');

例子二： 合并http请求。

缓存代理：

用于ajax缓存请求。

利用高阶函数创建通用的 缓存代理：

function createProxyFactory (fn) {
    var cache = [];
    return function () {
        var args = Array.prototype.join.call(arguments, ',');
        if (args in cache) {
            return cache[args];
        }
        cache[args] = fn.apply(this, arguments);
        return cache[args];
    };
}