本篇內(nèi)容主要講解“javascript 如何設(shè)計模式之享元模式原理與使用方法講解”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“javascript 如何設(shè)計模式之享元模式原理與使用方法講解”吧!
成都網(wǎng)站設(shè)計、成都網(wǎng)站制作的開發(fā)，更需要了解用戶，從用戶角度來建設(shè)網(wǎng)站，獲得較好的用戶體驗。成都創(chuàng)新互聯(lián)多年互聯(lián)網(wǎng)經(jīng)驗，見的多，溝通容易、能幫助客戶提出的運營建議。作為成都一家網(wǎng)絡(luò)公司，打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇成都創(chuàng)新互聯(lián)，不只是建站，我們把建站作為產(chǎn)品，不斷的更新、完善，讓每位來訪用戶感受到浩方產(chǎn)品的價值服務(wù)。
Java主要應(yīng)用于：1. web開發(fā)；2. Android開發(fā)；3. 客戶端開發(fā)；4. 網(wǎng)頁開發(fā)；5. 企業(yè)級應(yīng)用開發(fā)；6. Java大數(shù)據(jù)開發(fā)；7.游戲開發(fā)等。
定義：用于解決一個系統(tǒng)大量細粒度對象的共享問題:
關(guān)健詞：分離跟共享；
說明: 享元模式分單純（共享）享元模式，以及組合（不共享）享元模式，有共享跟不共享之分；單純享元模式，只包含共享的狀態(tài)，可共享狀態(tài)是不可變，不可修改的，這是享元的內(nèi)部狀態(tài)；當然有外部狀態(tài)就有外部狀態(tài)，外部狀態(tài)是可變的，不被共享，這個外部狀態(tài)由客戶端來管理，是可變化的；外部狀態(tài)與內(nèi)部狀態(tài)是獨立分開的，外部狀態(tài)一般作為參數(shù)傳入享元對象內(nèi)，但不會影響內(nèi)部狀態(tài)的值；外部狀態(tài)，一用用于獲取共享的享元對象，或多或少與內(nèi)部狀態(tài)有點關(guān)聯(lián)；比如從用戶數(shù)據(jù)表中獲取數(shù)據(jù)，傳入一個外部變量用戶名，再根據(jù)這個用戶名，獲取該用戶所有對象狀態(tài)信息；
組合享元模式，配置組合模式來使用，共享部分只做個葉子節(jié)點，而組合部分是不必共享的，因為共組部分的子葉節(jié)點元素已經(jīng)被緩存，組合部分相當一個分組分類的作用;
享元模式一般會與工廠模式相結(jié)合使用，用于管理緩存的創(chuàng)建跟維護，享元共享元素的創(chuàng)建一般在工廠類里創(chuàng)建；
享元模式主要用于對象的共享，使具有相似對象，或?qū)ο箝g具有太多相似細粒度的狀態(tài)，能共享已經(jīng)創(chuàng)建的對象，減少對象的創(chuàng)建，減少對內(nèi)存的占用，提升優(yōu)化性能；
一種場景:
享元模式結(jié)構(gòu)圖:
像第一張的情況，就可以使用享元模式，因為后兩排的狀態(tài)組合，可能在實體對應(yīng)中，多次存在，這時就可以使用享元的共享特性，來減少對象的創(chuàng)建，如有相同的狀態(tài)或組合，就可以獲取緩存的狀態(tài)，減少對象重復創(chuàng)建，減少內(nèi)存占用；
實例場景：
1>. 系統(tǒng)各種角色權(quán)限分配;
2>. 系統(tǒng)出現(xiàn)很多種狀態(tài)，或組合狀態(tài)需要對應(yīng)的，而且這種對應(yīng)，可以發(fā)生很多種其他類型對象上面的，就可以使用享元模式；
1. 自定義的 JavaScript Hashtable:
重慶分公司
重慶分公司
function Hashtable() {
this.values = [];
}
Hashtable.prototype.getJson = function() {
return this.values;
}
Hashtable.prototype.add = function(key, value) {
if (!this.contain(key)) {
this.values.push({key:key, value:value});
}
}
Hashtable.prototype.contain = function(key) {
for (idx in this.values) {
var json = this.values[idx];
if (json.key == key) {
return true;
}
}
return false;
}
Hashtable.prototype.get = function(key) {
var result;
for (idx in this.values) {
var json = this.values[idx];
if (json.key == key) {
result = json;
break;
}
}
return result;
}
Hashtable.prototype.delete = function(key) {
for (idx in this.values) {
var json = this.values[idx];
if (json.key == key) {
delete this.values[idx];
break;
}
}
}
Hashtable.prototype.set = function(key, value) {
if (this.contain(key)) {
this.delete(key);
this.values.push({key:key,value:value});
}
}2. 享元方法:
function Flyweight(one) {
this.stateOne = one;
}
Flyweight.prototype.operate = function(){
var date = new Date();
console.log(this.stateOne + '-' + Math.random());
};這里可以處理傳進來的參數(shù)的一些邏輯，也可以初始化從數(shù)據(jù)庫里提取數(shù)據(jù)緩存保存；
3. 享元工廠:
function FlyweightFactory(){
var hash = new Hashtable();
}
FlyweightFactory.prototype.getFlyweight = function(state) {
var flyweight;
if (hash.contain(state)) {
flyweight = hash.get(state);
} else {
flyweight = new Flyweight(state);
hash.add(state, flyweight);
}
return flyweight;
}4. Client 使用:
//Client
var factory = new FlyweightFactory();
var fly1, fly2, fly3;
fly1 = factory.getFlyweight('AABB');
fly2 = factory.getFlyweight('CCDD');
fly3 = factory.getFlyweight('CCDD');
fly1.operate();
fly2.operate();
fly3.operate();輸出:
AABB-0.8621504916809499
CCDD-0.7498800195753574
CCDD-0.7498800195753574
1. 復合享元
function UnShareFlyweight() {
this.state = '';
this.hash = new Hashtable();
}
UnShareFlyweight.prototype.add = function(key, flyweight) {
this.hash.add(key, flyweight);
}
UnShareFlyweight.prototype.operate = function(state) {
var flag = false;
/*
for (idx in this.hash) {
var fly = this.list[idx];
if (fly.stateOne == state) {
flag = true;
break;
}
}
*/
flag = this.hash.contain(state);
flag ? console.log('Exists') : console.log('Not Exists');
}2. 在修改添加在享元工廠的組合方法:
function FlyweightFactory(){
var hash = new Hashtable();
}
FlyweightFactory.prototype.getFlyweight = function(state) {
var flyweight;
if (hash.contain(state)) {
flyweight = hash.get(state);
} else {
flyweight = new Flyweight(state);
hash.add(state, flyweight);
}
return flyweight;
}
FlyweightFactory.prototype.getComposite = function(list) {
var unFly = new UnShareFlyweight();
var flyweight, state;
for (idx in list) {
state = list[idx];
flyweight = this.getFlyweight(state);
unFly.add(state, flyweight);
}
}
FlyweightFactory.prototype.print = function() {
var jsons = this.hash.getJson();
for (json in jsons) {
json.value.operate();
}
}3. Client 使用:
var states = ['AABB', 'CDCD', 'AABB', 'CCDD']; var factory = new FlyweightFactory(); factory.getComposite(states); factory.print();
輸出:
AABB-0.8749617566354573
CDCD-0.6991151459515095
CCDD-0.9891050879377872
總體來說，享元模式用于減少對象的重復創(chuàng)建，用于減少內(nèi)存使用，提升性能的結(jié)構(gòu)型模式:
它涉及三個模式：享元模式，工廠模式，組合模式;
對于處理多對多對應(yīng)而產(chǎn)生的一些數(shù)據(jù)緩存存儲，是一個不錯的選擇!
到此，相信大家對“javascript 如何設(shè)計模式之享元模式原理與使用方法講解”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！
