JS设计模式-08-享元模式

1. 模式

意图：运用共享技术有效地支持大量细粒度的对象。
分类：对象结构型模式
动机: 了如何共享对象，使得可以细粒度地使用它们而无需高昂的代价。
适用性：
• 一个应用程序使用了大量的对象。
• 完全由于使用大量的对象，造成很大的存储开销。
• 对象的大多数状态都可变为外部状态。
• 如果删除对象的外部状态，那么可以用相对较少的共享对象取代很多组对象。

2. 任务

任务：

1. 创建一个俄罗斯方块场景，实现 3 类形状：L 形，I 形，T 形，每种形状各 4 个，每种形状红、绿、黄、蓝各一个，位置各不相同。

2. 备注：在俄罗斯方块这个游戏中，每个不同的方块都是一个实例对象，这些对象就要占用很多的内存空间，可以利用享元模式进行实现，定义一个共性的属性和行为，然后利用享元模式创建出不同的形状，每个形状都是一个独立的对象，这样就可以避免对象的创建和销毁带来的开销，从而节省内存空间。

3. 试图用代码方式实现

4. 有没有优化方案？

3. JS 实现

1. 实现方式一

let objectCount = 0;
class Sharp {
	constructor() {
		objectCount++;
	}

	setColor(color) {
		this._color = color;
	}
	getColor() {
		return this._color;
	}
	setPos(pos) {
		this._pos = pos;
	}
	getPos() {
		return this._pos;
	}
	getSharp() {
		return this._sharp;
	}
}
class LSharp extends Sharp {
	constructor() {
		super();
		this._sharp = "L";
	}
}
class ISharp extends Sharp {
	constructor() {
		super();
		this._sharp = "I";
	}
}
class TSharp extends Sharp {
	constructor() {
		super();
		this._sharp = "T";
	}
}

let colors = ["red", "blue", "yellow", "green"];

for (let i = 0; i < 4; i++) {
	let sharp = new LSharp();
	sharp.setColor(colors[i]);
	sharp.setPos(i);
}
for (let i = 0; i < 4; i++) {
	let sharp = new ISharp();
	sharp.setColor(colors[i]);
	sharp.setPos(i * 10);
}
for (let i = 0; i < 4; i++) {
	let sharp = new TSharp();
	sharp.setColor(colors[i]);
	sharp.setPos(i * 100);
}

console.log(`对象个数为${objectCount}`); //12个

2. 实现方式二

let objectCount = 0;
class Sharp {
	constructor() {
		objectCount++;
	}

	setColor(color) {
		this._color = color;
	}
	getColor() {
		return this._color;
	}
	setPos(pos) {
		this._pos = pos;
	}
	getPos() {
		return this._pos;
	}
	getSharp() {
		return this._sharp;
	}
}
class LSharp extends Sharp {
	constructor() {
		super();
		this._sharp = "L";
	}
}
class ISharp extends Sharp {
	constructor() {
		super();
		this._sharp = "I";
	}
}
class TSharp extends Sharp {
	constructor() {
		super();
		this._sharp = "T";
	}
}

var cacheMap = {};
class SharpFactory {
	static create(type) {
		if (cacheMap[type]) {
			return cacheMap[type];
		} else {
			let obj = undefined;
			if (type == "T") {
				obj = new TSharp();
			} else if (type == "I") {
				obj = new ISharp();
			} else if (type == "L") {
				obj = new LSharp();
			} else {
				throw new Error("SharpFactory error");
			}
			cacheMap[type] = obj;
			return obj;
		}
	}
}
class SharpContext {
	getSharp(type) {
		return SharpFactory.create(type);
	}
}

let colors = ["red", "blue", "yellow", "green"];

let sharpContext = new SharpContext();
for (let i = 0; i < 4; i++) {
	let sharp = sharpContext.getSharp("L");
	sharp.setColor(colors[i]);
	sharp.setPos(i);
}
for (let i = 0; i < 4; i++) {
	let sharp = sharpContext.getSharp("I");
	sharp.setColor(colors[i]);
	sharp.setPos(i * 10);
}
for (let i = 0; i < 4; i++) {
	let sharp = sharpContext.getSharp("T");
	sharp.setColor(colors[i]);
	sharp.setPos(i * 100);
}

console.log(`对象个数为${objectCount}`); //3个