JavaScript

超轻量级php框架startmvc

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

更新时间:2020-07-19 12:12:01 作者:startmvc
本文实例讲述了JavaScript设计模式之缓存代理模式原理与简单用法。分享给大家供大家参考

本文实例讲述了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 设计模式 缓存代理模式