javascript设计模式与开发实践 阅读总结

4月已经过去，5月已经来临，春招的尾巴抓不住，只能先去一家公司实习，但是其实很庆幸的是，碰到了很nice的团队，虽然刚开始去那边只是熟悉环境和水一水，但是我还是兢兢业业地看之前的项目，当然闲暇之余还是要多看书啦，毕竟春招过了还有秋招啊，人还是要多多努力的啊！！！！

概念：

闭包：其实就是改变变量的生命周期，js的回收机制一般是垃圾回收（当然bom和dom有点不同），当调用函数过后，局部变量没有被销毁，反而依然被引用着，那么这就是闭包。

高阶函数：只要满足下面任意一个条件就是高阶函数

1、函数可以作为参数被传递；

2、函数可以作为返回值被输出。

单例模式

//单例模式
var getSingle = function(fn){

    var result;
    return function(){
        return result || ( result = fn.apply(this,arguments) );
    }

};


//创建节点
var createLoginLayer = function(){

    var div = document.createElement('div');
    div.innerHTML = '我是登录浮窗';
    div.style.display = 'none';
    document.body,appendChild(div);
    return div;

};


var createSingleLoginLayer = getSingle(createLoginLayer);
document.getElementVById('loginBtn').onclick = function(){
    var loginLayer = createSingleLayer();
    loginLayer.style.display = 'block';
}

 策略模式

var strategies = {
    "S": function( salary ) {
        return salary * 4 ;
    },
    "A": function( salary ) {
        return salary * 3 ;
    },
    "B": function( salary ) {
        return salary * 2 ;
    }
}
var caculateBonus = function ( level, salary ) {
    return strategies[ level ]( salary );
}
console.log( caculateBonus( 'S',2000 ) );

代理模式  缓存代理

//计算乘积函数
var mult = function(){
    console.log( '开始计算乘积' );
    var a = 1;
    for ( var i = 0, l = arguments.length; i < l; i++ ){
        a = a * arguments[i];
    }
    return a;
};

mult( 2, 3 );    // 输出：6
mult( 2, 3, 4 );    // 输出：24

//代理
var proxyMult = (function(){
    var cache = {};
    return function(){
        var args = Array.prototype.join.call( arguments, ',' );
        if ( args in cache ){
            return cache[ args ];
        }
        return cache[ args ] = mult.apply( this, arguments );
    }
})();

 proxyMult( 1, 2, 3, 4 );    // 输出：24
 proxyMult( 1, 2, 3, 4 );    // 输出：24”