文章目录

  • 一、什么是单例模式模式
  • 二、为什么需要单例模式
  • 2.1 减少不必要的对象创建,节约内存空间
  • 2.2 保证访问对象的唯一性,方便控制共享对象

  • 三、js中常见的单例模式模式
  • 3.1 基本的单例模式



今天分享javascript的单例模式及简单应用

一、什么是单例模式模式

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

这是通用的定义,但是对于javascript来说,本身没有calss的概念,所以js中单例模式指的是:在调用创建(对于使用者看起来是创建)js对象方法中,如果该对象不存在,则会创建一个对象,如果对象已经存在,则返回这个已存在对象的设计模式。

常见的线程池、缓存、日志对象、对话框等等,最常见莫过于网页弹窗了,比如很多网站如果没有登录会弹出登录提示,如果你关闭之后,在另一个页面打开,还会弹出登录提示窗口,当然了,你可以使用每个页面都可以去调用创建对象方法,但是对于一个追求高性能的网站来说,单例模式显然更可取。

二、为什么需要单例模式

既然已经知道了单例模式模式,那单例模式存在的意义又是什么呢?
我个人觉得单例模式的作用有以下几点:

2.1 减少不必要的对象创建,节约内存空间

这个应该是单例模式最好想到的一个优点,也是我们最能直观感受到的好处,不敢想象登录的时候,如果每次都会新创建一个登录页面,会不会导致网站崩溃,这也变相的提升了用户的体验

2.2 保证访问对象的唯一性,方便控制共享对象

比如上文提到的线程池,web中的windows对象,需要多个页面进行共享,均能访问这个唯一的全局对象,至于可能出现的全局单例对象遇到的并发问题,肯定会有,会在之后具体分析。

三、js中常见的单例模式模式
3.1 基本的单例模式
let SingleModel = function(name) {
	this.name = name;
	this.instance = null;
}
SingleMode.prototype.getName = function() {
	console.log(this.name);
}
SingleMode.getInstace = function(name) {
	if(this.instance) {
		return this.instance;
	}
	return new SingleMode(name);
}