文章目录

  • 一、什么是单例模式模式
  • 二、为什么需要单例模式
  • 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);
}