码迷,mamicode.com
首页 > Web开发 > 详细

js闭包和缓存机制

时间:2015-08-30 09:55:40      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

               /*1、js缓存机制保存共用数据提高性能*/
                var cache={};
                var mult=function(){
                    var args=Array.prototype.join.call(arguments,",");
                    if(cache[args]){
                        //这里第一次alert调mult时还不走这里,现在上面的cache还没存到数据,因为还没有到return返回数据,直到第二次alert他才会走这里面
                        //如果发现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;
                    
                }
                
                /*2、既然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;
                    }
                })();
                
                /*3、还可以提炼重构的代码,在大函数中独立出来,最好用闭包封闭起来*/
                var mult=(function(){
                    var cache={};
                    var calculate=function(){//封闭calculate函数
                        var a=1;
                        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(args in cache){
                            return cache[args];
                        }
                        return cache[args]=calculate.apply(null,arguments);
                    }
                })();
                
                alert(mult(1,2,3));
                alert(mult(1,3,3));
                alert(mult(1,2,3));

 

js闭包和缓存机制

标签:

原文地址:http://www.cnblogs.com/yanwen2015/p/4770358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!