javascript设计模式第三章之闭包变量封装加缓存机制(mult)

mult函数一些number类型的数,并返回这些数的乘积。现在我们对于些相同的参数来说,每次都进行计算是一种浪费,我们可以加存来提高这个函数的性能。

var cache={};
var mult =function(){
  var args=[].join.call(arguments,',');
  if(cache[args]){
    return cache[args];
  }else{
    var a=1;
    for ( var i = 0, l = arguments.length; i < l; i++ ){
      a = a * arguments[i];
    }
    return cache[args]=a;
  }
}
alert ( mult( 1,2,3 ) ); //结果6
alert ( mult( 1,2,3 ) );//结果6

cache 这个变量仅仅在mult 函数中被使用,与其让cache 变量跟mult 函数一起平行地暴露在全局作用域下,不如把它封闭在mult 函数内部,这样可以减少页面中的全局变量,以避免这个变量在其他地方被不小心修改而引发错误。代码如下:

var mult = (function(){
var cache = {};
return function(){
var args = Array.prototype.join.call( arguments, ',' );
if ( args in cache ){
return cache[ args ];
}
var a = 1;
for ( var i = 0, l = arguments.length; i < l; i++ ){
a = a * arguments[i];
}
return cache[ args ] = a;
}
})();

提炼函数是代码重构中的一种常见技巧。如果在一个大函数中有一些代码块能够独立出来,我们常常把这些代码块封装在独立的小函数里面。独立出来的小函数有助于代码复用,如果这些小函数有一个良好的命名,它们本身也起到了注释的作用。如果这些小函数不需要在程序的其他地方使用,最好是把它们用闭包封闭起来。代码如下:

var mult=(function(){
  var cache={}; 
  var calculate=function(){
    var a=1;
    // for(var i=0,item;item=arguments[i++];){
    //   a*=arguments[item];
    // }
    for ( var i = 0, l = arguments.length; i < l; i++ ){
      a = a * arguments[i];
    }
    return a;
  }
  return function(){
    var args=Array.prototype.join.call(arguments,',');
    if(cache[args]){
      return cache[args];
    }else{
      var ss=calculate.apply(null,arguments);
      return cache[args]=ss;
    }
  }
})();
alert ( mult( 1,2,3 ) ); //结果6
alert ( mult( 1,2,3 ) );//结果6
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容