定义:保证一个类仅有一个实例，并提供一个访问它的全局访问点。
单例模式是一种常用的模式，有些对象往往只需要一个，比如：线程池、全局缓存、浏览器中的 window 对象等。在 Javascript 开发中，单例模式的用途同样非常广泛，比如做登录弹框，它在当前页面是唯一的，无论单击多少次，都只会创建一次，这就非常适合用单例模式来创建。
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}
let p1 = new Person();
let p2 = new Person();
console.log(p1 === p2);//fasle
1.简单实现:
class Person {
constructor(name, age) {
console.log('person created');
}
}
//创建Person的工作提前了入
const person = new Person();
export { person }
缺点:创建实例提前了,通用性差
2.优化上面的方法
class Person {
constructor(name, age) {
console.log('person created');
}
//静态是属性
static ins = null;
static getInstance(args) {
if (!this.ins) {
this.ins = new Person(...args);
}
return this.ins;
}
}
export { Person }
使用:
import { Person } from "./Person.js";
let p1 = Person.getInstance("张三", 18);
let p2 = Person.getInstance("李四", 19);
let p3 = new Person("李四", 19);
console.log(p1 === p2);//true
console.log(p1 === p3);//false
缺点:由于js没有private关键字,无法将构造函数私有化,这也就需要使用者知道调用getInstance方法创建实例,而不是通过new的方式创建实例
再次优化:
singleton.js
export function singleton(className) {
let ins;
return class {
constructor(...args) {
if (!ins) {
ins = new className(...args);
}
return ins;
}
}
}
person.js
import { singleton } from "./singleton.js";
class Person {
constructor(name, age) {
console.log('person created');
}
}
const newPerson = singleton(Person);
export { newPerson as Person }
使用:
import { Person } from "./Person.js";
let p1 = new Person("张三", 18);
let p2 = new Person("张三", 18);
//这里的new 相当于 new 的singleton里return的class
console.log(p1 === p2);
缺点:
import { Person } from "./Person.js";
let p1 = new Person("张三", 18);
let p2 = new Person("张三", 18);
Person.prototype.play = function () {
console.log("加在原型上的方法--play");
}
p1.play();//报错TypeError: p1.play is not a function
console.log(p1 === p2);
上面Person指向的是 singleton中return 的class
而p1,p2是Person的实例,所以p1,p2无法使用挂载在singleton中return 的class原型上的方法.
使用代理来实现单例:
export function singleton(className) {
let ins;
//使用代理来拦截construct
return new Proxy(className, {
construct(target, args) {
if (!ins) {
ins = new target(...args);
}
return ins;
}
})
}
代理实现单例.png
