总结JavaScript设计模式编程中的享元模式使用
109 浏览量
2020-10-22
07:30:24
上传
评论
收藏 84KB PDF 举报
总结总结JavaScript设计模式编程中的享元模式使用设计模式编程中的享元模式使用
享元模式最适合于解决因创建大量类似对象而累及性能的问题,本文将来总结JavaScript设计模式编程中的享元
模式使用,包括在DOM操作时的利用示例:
享元模式不同于一般的设计模式，它主要用来优化程序的性能，它最适合解决大量类似的对象而产生的性能问题。享元模式通
过分析应用程序的对象，将其解析为内在数据和外在数据，减少对象的数量，从而提高应用程序的性能。
基本知识基本知识
享元模式通过共享大量的细粒度的对象，减少对象的数量，从而减少对象的内存，提高应用程序的性能。其基本思想就是分解
现有类似对象的组成，将其展开为可以共享的内在数据和不可共享的外在数据，我们称内在数据的对象为享元对象。通常还需
要一个工厂类来维护内在数据。
在JS中，享元模式主要有下面几个角色组成：
（1）客户端：用来调用享元工厂来获取内在数据的类，通常是应用程序所需的对象，
（2）享元工厂：用来维护享元数据的类
（3）享元类：保持内在数据的类
享元模式的实现和应用享元模式的实现和应用
一般实现一般实现
我们举个例子进行说明：苹果公司批量生产iphone，iphone的大部分数据比如型号，屏幕都是一样，少数部分数据比如内存有
分16G,32G等。未使用享元模式前，我们写代码如下：
function Iphone(model, screen, memory, SN) {
this. model = model;
this.screen = screen;
this.memory = memory;
this.SN = SN;
}
var phones = [];
for (var i = 0; i < 1000000; i++) {
var memory = i % 2 == 0 ? 16 : 32;
phones.push(new Iphone("iphone6s", 5.0, memory, i));
}
这段代码中，创建了一百万个iphone，每个iphone都独立申请一个内存。但是我们仔细观察可以看到，大部分iphone都是类似
的，只是内存和序列号不一样，如果是一个对性能要求比较高的程序，我们就要考虑去优化它。
大量相似对象的程序，我们就可以考虑用享元模式去优化它，我们分析出大部分的iphone的型号，屏幕，内存都是一样的，那
这部分数据就可以公用，就是享元模式中的内在数据，定义享元类如下：
function IphoneFlyweight(model, screen, memory) {
this.model = model;
this.screen = screen;
this.memory = memory;
}
我们定义了iphone的享元类，其中包含型号，屏幕和内存三个数据。我们还需要一个享元工厂来维护这些数据：
var flyweightFactory = (function () {
var iphones = {};
return {
get: function (model, screen, memory) {
var key = model + screen + memory;
if (!iphones[key]) {
iphones[key] = new IphoneFlyweight(model, screen, memory);
}
return iphones[key];
}
};
})();
在这个工厂中，我们定义了一个字典来保存享元对象，提供一个方法根据参数来获取享元对象，如果字典中有则直接返回，没
有则创建一个返回。
接着我们创建一个客户端类，这个客户端类就是修改自iphone类：
function Iphone(model, screen, memory, SN) {
this.flyweight = flyweightFactory.get(model, screen, memory);
this.SN = SN;
}
然后我们依旧像之间那样生成多个iphone
评论0
最新资源