JavaScript设计模式---单例模式

刺骨的言语ヽ痛彻心扉 2021-11-29 04:20 219阅读 0赞

单例模式之所以这么叫，是因为它限制一个类只能有一个实例化对象。经典的实现方式是，创建一个类，这个类包含一个方法，该方法在没有对象存在时，将会创建一个新的实例对象。如果对象存在，这个方法只是返回这个对象的引用。

let singleton = (() => { 
    	let instance;
    	function init() { 
    		// 私有变量和方法
    		let privateString = 'I am private';
    		function privateMethod() { 
    			console.log('I am a private method');
    		}
    		// 公有变量和方法
    		return { 
    			publicString: 'I am public',
    			publicMethod: () => { 
    				console.log('I am a public method');
    			}
    		};
    	}
    	let _value = { 
            // 如果存在获取此单例实例，如果不存在创建一个单例实例
    		getInstance: () => { 
    			if (!instance) { 
    				instance = init();
    			}
    			return instance;
    		}
    	};
    	return _value;
    })();
    let myInstance = singleton.getInstance();
    console.log(myInstance.publicString);
    myInstance.publicMethod();

如果需要扩展这个唯一的实例，可以重新定义获取实例的方法

singleton.getInstance = () => { 
        if (!this._instance) { 
            if (isFoo) { 
                this._instance = new FooSingleton();
            } else { 
                this._instance = new BasicSingleton()
            }
        }
    }

为什么需要单例模式，而不是直接定义一个静态对象

const object = { 
        publicString: 'I am public',
        publicMethod: () => { 
            console.log('I am a public method');
        }
    }

因为单例可以懒构造，在真正用到之前（调用getInstance()之前），单例模式不需要分配资源或者内存。

发表评论取消回复

表情：

评论列表（有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaScript 设计模式】单例模式

JavaScript 设计模式系列文章： [设计模式总览][Link 1] [工厂模式][Link 2] [单例模式][Link 3] [观察者模式/

女爷i/ 2022年12月02日 15:28/ 0 赞/ 148 阅读

相关 javascript设计模式之单例模式

> 单例模式，是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例的特殊类。通过单例模式可以保证系统中，应用该模式的一个类只有一个实例。即一个类只有一个对象实例。

旧城等待，/ 2022年10月01日 07:53/ 0 赞/ 139 阅读

相关 JavaScript设计模式----单例模式

声明：这个系列为阅读《JavaScript设计模式与开发实践》 —-曾探@著一书的读书笔记 1.单例模式的特点和定义 > 保证一个类仅有一个实例，并且提供一个访问它的全

男娘i/ 2022年09月24日 02:26/ 0 赞/ 150 阅读

相关【JavaScript】设计模式-单例模式

let Single = (function() { let _instance = null function init(props) {

Love The Way You Lie/ 2022年04月23日 22:16/ 0 赞/ 161 阅读

相关 JavaScript -- 设计模式创建型设计模式-单例模式

单例模式：确保一个类仅有一个实例，并提供一个访问它的全局访问点。比如购物车，登录框，redux和vuex的store 等这些都是单例模式，我下来看一下单例模式的UML类图。

骑猪看日落/ 2022年01月10日 02:29/ 0 赞/ 236 阅读

相关 JavaScript设计模式---单例模式

单例模式之所以这么叫，是因为它限制一个类只能有一个实例化对象。经典的实现方式是，创建一个类，这个类包含一个方法，该方法在没有对象存在时，将会创建一个新的实例对象。如果对象存在，

刺骨的言语ヽ痛彻心扉/ 2021年11月29日 04:20/ 0 赞/ 220 阅读

相关 JavaScript设计模式（1）—— 单例模式

单例模式的定义是：保证一个"类"仅有一个实例，并提供一个访问它的全局访问点。单例模式的类是一个只需要被创建一次变量（这并不代表他被创建后是不可更改的），因此我们需

「爱情、让人受尽委屈。」/ 2021年09月02日 09:24/ 0 赞/ 293 阅读

相关 JavaScript设计模式——单例模式(笔记)

介绍系统中被唯一使用一个类只有一个实例示例登录框购物车在JS中如何使用单例模式： class SingleObje

缺乏、安全感/ 2021年08月24日 14:25/ 0 赞/ 319 阅读

相关 JavaScript设计模式(六)【单例模式】

无法修改的静态变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

深藏阁楼爱情的钟/ 2021年07月05日 02:26/ 0 赞/ 300 阅读

相关 JavaScript 设计模式之单例模式

JavaScript 设计模式之单例模式在 JavaScript 发展的历程中，前行者们从实践中总结出了很多特定问题的解决方法。简单来说，设计模式就是在某种场合下对特定...

红太狼/ 2020年06月06日 17:41/ 0 赞/ 591 阅读