js設計模式 --- 享元設計模式

soasme 發布于2019-08-26 11:48 / 2496人閱讀

摘要：享元模式享元模式是一種軟件設計模式。符合這種場景的比如中的常量池，就是享元模式。還有中的類文件放在方法區也是享元模式的一種。

享元模式

享元模式（Flyweight Pattern）是一種軟件設計模式。它使用共享物件，用來盡可能減少內存使用量以及分享資訊給盡可能多的相似物件；它適合用于當大量物件只是重復因而導致無法令人接受的使用大量內存。通常物件中的部分狀態是可以分享。常見做法是把它們放在外部數據結構，當需要使用時再將它們傳遞給享元。

享元模式區分了內部狀態和外部狀態，所以我們可以通過設置不同的外部狀態使得相同的對象可以具備一些不同的特性，而內部狀態設置為相同部分。在我們的程序設計過程中，我們可能會需要大量的細粒度對象來表示對象，如果這些對象除了幾個參數不同外其他部分都相同，這個時候我們就可以利用享元模式來大大減少應用程序當中的對象。如何利用享元模式呢？這里我們只需要將他們少部分的不同的部分當做參數移動到類實例的外部去，然后再方法調用的時候將他們傳遞過來就可以了。

現在假設一個一個情景, 有男女服裝個100套, 需要租模特來試穿衣服, 傳統做法就是男女各找100個模特試穿每一見衣服

// 雇傭模特
let HireModel = function(sex,clothes){
  this.sex = sex;
  this.clothes = clothes;
};
  
HireModel.prototype.wearClothes = function(){
  console.log(this.sex + "試穿" + this.clothes);
};
/*******試穿**********/
for(let i=0;i<100;i++){
  let model = new HireModel("male","第"+i+"款男衣服");
  model.wearClothes();
}
for(let i=0;i<100;i++){
  let model = new HireModel("female","第"+i+"款女衣服");
  model.wearClothes();
}

享元模式可以簡單的理解為 單例模式 + 工廠模式 + 管理器 , 管理器對外部狀態進行管理組合成完整的對象

結構:

采用享元模式則只需要男女模特各一名, 試穿所有衣服

//雇傭模特
var HireModel = function(sex){
  //內部狀態是性別
  this.sex = sex;
};
HireModel.prototype.wearClothes = function(clothes){
  console.log(this.sex+"穿了"+clothes);
};

//工廠模式，負責造出男女兩個模特
var ModelFactory = (function(){
  var cacheObj = {};
  return {
    create:function(sex){
      //根據sex分組
      if(cacheObj[sex]){
        return cacheObj[sex];
      } else {
        cacheObj[sex] = new HireModel(sex);
        return cacheObj[sex];
      }
    }
  };
})();
//模特管理
var ModelManager = (function(){
  //容器存儲：1.共享對象 2.外部狀態
  var vessel = {};
  return {
    add:function(sex,clothes,id){
      //造出共享元素:模特
      var model = ModelFactory.create(sex);
      //以id為鍵存儲所有狀態
      vessel[id] = {
        model:model,
        clothes:clothes
      };
    },
    wear:function(){
      for(var key in vessel){
        //調用雇傭模特類中的穿衣服方法。
        vessel[key]["model"].wearClothes(vessel[key]["clothes"]);
      }
    }
  };
})();


/*******通過運行時間測試性能**********/
for(var i=0;i<100;i++){
  ModelManager.add("male","第"+i+"款男衣服",i);
  ModelManager.add("female","第"+i+"款女衣服",i);
}
ModelManager.wear();

由于享元模式需要區分外部狀態和內部狀態，使得應用程序在某種程度上來說更加復雜化了。
為了使對象可以共享，享元模式需要將享元對象的狀態外部化，而讀取外部狀態使得運行時間變長。

使用場景：
對象的屬性可以拆分
對象的變量是一部分可以變動另外

享元模式其實使用的非常廣泛。只要對象處于反復創建的環境中，并且每個對象有部分屬性是共通的那么我們就能使用享元模式。符合這種場景的比如 java 中 string 的常量池，就是享元模式。還有jDK中的類文件放在方法區也是享元模式的一種。在互聯網應用中通常我們描述的叫XX池的東西都是使用的享元模式。

GPU云服務器云服務器 JS設計模式 js繼承模式 js設計素材 js模式化窗口

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107610.html

JavaScript設計模式之結構型設計模式

摘要：享元模式通過分析應用程序的對象，將其解析為內在數據和外在數據，減少對象數量，從而提高程序的性能。通過這種方式進行事件綁定，可以減少事件處理程序的數量，這種方式叫做事件委托，也是運用了享元模式的原理。事件處理程序是公用的內在部分，每個菜單項各 github 全文地址： YOU-SHOULD-KNOW-JS JavaScript設計模式之外觀模式概念外觀模式：為一組復雜子系統接口提...

xiaoqibTn 2019-08-21 18:24 評論0 收藏0
一起學設計模式 - 享元模式

摘要：享元模式屬于結構型模式的一種，又稱輕量級模式，通過共享技術有效地實現了大量細粒度對象的復用概述兩種結構狀態內部狀態享元對象內部不隨外界環境改變而改變的共享部分。享元模式（Flyweight Pattern）屬于結構型模式的一種，又稱輕量級模式，通過共享技術有效地實現了大量細粒度對象的復用... 概述兩種結構狀態內部狀態：享元對象內部不隨外界環境改變而改變的共享部分。外部狀態...

Jason 2019-08-15 12:30 評論0 收藏0
設計模式之享元模式

摘要：類圖相關的設計模式享元模式和代理模式當代理模式消耗性能比較大的時候，就可以用享元模式享元模式和單例模式容器單例，享元模式就是復用對象的思想。源碼中的享元模式源碼地址享元模式參考慕課網設計模式精講設計模式讀書筆記享元模式 0x01.定義與類型定義：提供了減少對象數量從而改善應用所需的對象結構的方法，系統使用少量對象,而且這些都比較相似，狀態變化小，可以實現對象的多次復用。運用共享技...

vvpale 2019-08-19 10:19 評論0 收藏0
javascript中的設計模式（二）

摘要：在類似于這樣的面向對象語言中，抽象類的使用在這個設計模式中非常重要。假設系統中存在大量類似的對象而導致內存消耗過高，享元模式就非常有用了。享元模式包含兩種狀態即屬性內部狀態存儲于對象內部。不過與享元模式不同的是它不會區分內部狀態和外部狀態。模式8-模版方法模式模版方法模式是一種基于繼承的設計模式。主要由兩部分構成：抽象父類：包含子類的算法框架和一些通用的具體方法；具體實現的子...

whidy 2019-08-20 13:29 評論0 收藏0