前端JS单例模式

最新推荐文章于 2025-01-20 18:15:43 发布

原创最新推荐文章于 2025-01-20 18:15:43 发布 · 233 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#设计模式 #单例模式

web前端同时被 3 个专栏收录

15 篇文章

订阅专栏

javascript

12 篇文章

订阅专栏

设计模式

6 篇文章

订阅专栏

本文深入讲解了单例模式的概念，探讨其在资源节约和控制入口方面的优势，同时也指出了拓展性和职责分配上的潜在问题。通过JavaScript实现示例，展示了如何确保一个类只有一个实例，并全局共享该实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

单例模式：一个类只有一个实例共享使用

优点：节约资源，控制入口

缺点：拓展困难，不可职责过重

// 单例模式类
var Single = (function(){
	var instance;
	function init(){
		return {
			command: function(){}
		}
	}
	return {
		getInstance: function(){
			if(!instance){
				instance = init();
			}
			return instance;
		}
	}
})();
// 单例模式使用
var single1 = Single.getInstance();
single1.command();
var single2 = Single.getInstance();
single2.command();
console.log(single1 === single2); // 输出true