JavaScript享元模式原理与用法实例详解
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了JavaScript享元模式原理与用法,结合实例形式分析了JavaScript享元模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下
本文实例讲述了JavaScript享元模式原理与用法。分享给大家供大家参考,具体如下
通过两个例子的对比来凸显享元模式的特点享元模式是一个为了提高性能(空间复杂度)的设计模式,享元模式可以避免大量非常相似类的开销。
第一实例,没有使用享元模式,计算所花费的时间和空间使用程度。
要求为有一个城市要进行汽车的登记
(1)汽车类
/ 制造商 型号 拥有者 车牌号码 最近一次登记日期 / var Car = function(make,model,year,owner,tag,renewDate){ this.make = make; this.model = model; this.year = year; this.owner = owner; this.tag = tag; this.renewDate = renewDate; this.getMake = function(){ return this.make; } }
(2)使用装饰者模式--计算函数的耗时
//装饰者 .. 计算函数的耗时 var simpleProfiler = function(po){ this.po = po; this.action = function(methodName){ var self = this; var method = po[methodName]; //如果是函数那就进行装饰 if(typeof method == "function"){ var startDate = new Date().getTime();//开始时间 method.apply(self.po,arguments); var endDate = new Date();//结束时间 alert(endDate - startDate); } } }
(3)具体的实例,现有4150000辆车需要登记
var ca = new Array(); function addCar(){ this.begin = function(){ for (var i = 0; i < 4150000; i++) { ca.push(new Car("BMW","宝马","2017-10-18", "","GBMW88","2017-10-19")); } } } new simpleProfiler(new addCar()).action("begin")
第二个例子使用享元模式
(1)汽车类
/ 制造商 型号 拥有者 车牌号码 最近一次登记日期 / var Car = function(make,model,year){ this.make = make; this.model = model; this.year = year; this.getMake = function(){ return this.make; } }
(2)单例模式的简单工厂
//单例模式的简单工厂 var myCarInfo = function(){ this.createCar = function(make,model,year,owner,tag,renewDate){ var c = carInfoFactory(make,model,year); c["owner"] = owner; c["tag"] = tag; c["renewDate"] = renewDate; return c; } } var carInfoFactory = (function(){ var carInfo = {}; return function(make,model,year){ if(carInfo[make+model+year]){ return carInfo[make+model+year]; }else{ var newCar = new Car(make,model,year); carInfo[make+model+year] = newCar; return newCar; a } } })();
(3)现有4150000辆车需要登记
var test = new myCarInfo(); var startDate = new Date().getTime(); var ca = new Array(); for (var i = 0; i < 4150000; i++) { ca.push(test.createCar("BMW","宝马","2017-10-18", "","GBMW88","2017-10-19")) } var endDate = new Date(); alert(endDate - startDate);
从上述两个例子可以知道,第一个例子没有使用享元模式相对于第二个使用享元模式耗时间少,但空间消耗大,第二个耗时多,但空间消耗小。
第一种情况图解每次都生成相同的实例
第二种情况内在部分(不变)+外部状态(变化)图解
感兴趣的朋友可以使用在线HTML/CSS/JavaScript前端代码调试运行工具测试上述代码运行效果。
更多关于JavaScript相关内容还可查看本站专题《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程