JS设计模式（9）享元模式

什么是享元模式？ 定义：享元模式是一种优化程序性能的模式，本质为减小对象建立的个数。 
主要解决：在有大量对象时，有可能会形成内存溢出，咱们把其中共同的部分抽象出来，若是有相同的业务请求，直接返回在内存中已有的对象，避免从新建立。
什么时候使用： 一、系统中有大量对象。 二、这些对象消耗大量内存。 三、这些对象的状态大部分能够外部化。 四、这些对象能够按照内蕴状态分为不少组，当把外蕴对象从对象中剔除出来时，每一组对象均可以用一个对象来代替。 五、系统不依赖于这些对象身份，这些对象是不可分辨的。
如何解决：用惟一标识码判断，若是在内存中有，则返回这个惟一标识码所标识的对象。
关键代码：用 hash对象存储这些对象。
应用实例： 一、好比string，若是有则返回，若是没有则建立一个字符串保存在字符串缓存池里面。 二、数据库的数据池。
优势：大大减小对象的建立，下降系统的内存，使效率提升。
缺点：提升了系统的复杂度，须要分离出外部状态和内部状态，并且外部状态具备固有化的性质，不该该随着内部状态的变化而变化，不然会形成系统的混乱。
使用场景： 一、系统有大量类似对象。 二、须要缓冲池的场景。
 
Demo 某商家有 50 种男款内衣和 50 种款女款内衣，要展现它们
方案一：造 50 个塑料男模和 50 个塑料女模，让他们穿上展现，代码以下：

const Model = function(gender, underwear) {
  this.gender = gender
  this.underwear = underwear
}

Model.prototype.takephoto = function() {
  console.log(`${this.gender}穿着${this.underwear}`)
}

for (let i = 1; i < 51; i++) {
  const maleModel = new Model('male', `第${i}款衣服`)
  maleModel.takephoto()
}

for (let i = 1; i < 51; i++) {
  const female = new Model('female', `第${i}款衣服`)
  female.takephoto()
}

 
方案二：造 1 个塑料男模特 1 个塑料女模特，分别试穿 50 款内衣

const Model = function(gender) {
    this.gender = gender
}

Model.prototype.takephoto = function() {
    console.log(`${this.gender}穿着${this.underwear}`)
}

const maleModel = new Model('male')
const femaleModel = new Model('female')

for (let i = 1; i < 51; i++) {
    maleModel.underwear = `第${i}款衣服`
    maleModel.takephoto()
}

for (let i = 1; i < 51; i++) {
    femaleModel.underwear = `第${i}款衣服`
    femaleModel.takephoto()
}

对比发现：方案一建立了 100 个对象，方案二只建立了 2 个对象，在该 demo 中，gender(性别) 是内部对象，underwear(穿着) 是外部对象。
固然在方案二的 demo 中，还能够进一步改善：
一开始就经过构造函数显示地建立实例，可用工场模式将其升级成可控生成
在实例上手动添加 underwear 不是很优雅，能够在外部单独在写个 manager 函数

const Model = function(gender) {
  this.gender = gender
}

Model.prototype.takephoto = function() {
  console.log(`${this.gender}穿着${this.underwear}`)
}

const modelFactory = (function() { // 优化第一点
  const modelGender = {}
  return {
    createModel: function(gender) {
      if (modelGender[gender]) {
        return modelGender[gender]
      }
      return modelGender[gender] = new Model(gender)
    }
  }
}())

const modelManager = (function() {
  const modelObj = {}
  return {
    add: function(gender, i) {
      modelObj[i] = {
        underwear: `第${i}款衣服`
      }
      return modelFactory.createModel(gender)
    },
    copy: function(model, i) { // 优化第二点
      model.underwear = modelObj[i].underwear
    }
  }
}())

for (let i = 1; i < 51; i++) {
  const maleModel = modelManager.add('male', i)
  modelManager.copy(maleModel, i)
  maleModel.takephoto()
}

for (let i = 1; i < 51; i++) {
  const femaleModel = modelManager.add('female', i)
  modelManager.copy(femaleModel, i)
  femaleModel.takephoto()
}

 
转载于猿2048:➺《JS设计模式（9）享元模式》