JavaScript设计模式之缓存代理模式原理与简单用法示例

时间:2020-05-16 咕咚萝卜人气:0

本文实例讲述了JavaScript设计模式之缓存代理模式原理与简单用法。分享给大家供大家参考，具体如下：

一、原理：

缓存代理可以为一些开销大的运算结果提供暂时的存储，在下次运算时，如果传递进来的参数跟之前的一致，则可以直接返回前面存储的运算结果，提供效率以及节省开销。

二、实例：

var mult = function(){
  console.log('开始计算乘机');
  var a = 1;
  for(var i = 0, l = arguments.length;i < l;i++){
    a = a*arguments[i];
  }
  return a;
};
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

三、解析：

通过缓存代理模式，可将决定权交给代理函数对象proxyMult，而mult函数可以专注于自身的职责。

希望本文所述对大家JavaScript程序设计有所帮助。

加载全部内容