享元模式是一种通过共享内部状态减少内存占用的结构型设计模式。它将对象的状态分为可共享的内部状态和需外部传入的外部状态，适用于大量相似对象的场景。例如在文档编辑器中，字符共享字体、颜色等样式信息，仅保留位置和内容等外部状态，从而大幅降低内存消耗。通过享元工厂管理共享对象，避免重复创建相同数据。该模式常用于文本编辑、游戏粒子系统等高性能需求场景，但会增加逻辑复杂性和维护难度，不适合状态频繁变化或对象数量较少的情况。合理应用可显著提升JavaScript应用性能。
在JavaScript开发中，当需要创建大量相似对象时，内存占用可能迅速上升。享元模式（Flyweight Pattern）通过共享对象的内部状态来减少重复数据，从而优化性能和资源使用。这种设计模式特别适合处理大量细粒度、可复用的对象。
什么是享元模式？
享元模式是一种结构型设计模式，核心思想是将对象中可以共享的状态提取出来，集中管理，避免重复创建相同内容的对象。它把对象分为内部状态（intrinsic state）和外部状态（extrinsic state）：
• 内部状态：可以被多个对象共享，不随环境变化，如颜色、字体、图标等。• 外部状态：依赖具体场景，不可共享，需在使用时传入，如位置、尺寸等。
通过分离这两类状态，享元模式让多个对象引用同一个共享的内部状态实例，大幅降低内存消耗。
一个实际应用场景
假设你在开发一个文档编辑器，页面上有成千上万个字符。如果每个字符都保存自己的字体、字号、颜色等样式信息，内存开销会非常大。使用享元模式，可以把这些样式信息提取为共享对象，每个字符只保留位置和内容，并引用对应的样式对象。
立即学习“Java免费学习笔记（深入）”；
示例代码：
// 享元工厂：管理共享的样式对象
const styleFactory = (function () {
const styles = {};
return {
getStyle: function (font, size, color) {
const key = `${font}-${size}-${color}`;
if (!styles[key]) {
styles[key] = { font, size, color };
}
return styles[key];
}
};
})();
// 字符对象（轻量级）
function Character(content, x, y, styleKey) {
this.content = content;
this.x = x;
this.y = y;
// 共享样式对象
this.style = styleFactory.getStyle(...styleKey);
}
// 使用示例
const chars = [];
for (let i = 0; i < 10000; i++) {
chars.push(new Character('A', i, 0, ['Arial', 12, 'black']));
}
在这个例子中，尽管创建了10000个字符对象，但样式对象只会生成一次并被所有相同样式的字符共享。
何时使用享元模式？
享元模式适用于以下情况：
• 系统中有大量相似对象，造成内存压力。• 对象中的部分状态可以被外部化，且外部状态可在运行时传入。
• 应用对性能要求高，尤其是需要频繁创建和销毁对象的场景。
常见应用包括文本编辑器、游戏开发中的粒子系统、DOM元素复用等。
注意事项与局限性
虽然享元模式能有效节省内存，但也带来一定复杂性：
• 逻辑变复杂：状态被拆分，调用时需额外传参。• 可读性下降：对象行为不再完全封装在自身内部。
• 不适用于状态频繁变化的场景：共享状态一旦改变会影响所有引用它的对象。
因此，在小型项目或对象数量不多的情况下，不必过度使用享元模式。
基本上就这些。合理使用享元模式，可以在不影响功能的前提下显著提升JavaScript应用的性能表现。关键是识别出哪些状态可以共享，再通过工厂集中管理，实现高效复用。
