一个构造函数一生只能有一个实例
不管你new多少次都是这一个实例
应用:比如 自定义浏览器弹出框 layer专门做弹出层的
结构:div > xxx,,默认隐藏,在一定条件下显示
实现:每次显示都是一个新的 div,还是一个div 来回来去的显示?
是一个div来回来去显示,只是里面文字变了
function Person() {
this.name = 'Jack'
}
const p1 = new Person()
const p2 = new Person()
console.log(p1 === p2);//false
//此时他俩实例不一样,我们想实现他们都是一样的就是接下来要做的事情
//单例模式核心代码
let instance = null
function singleTon() {
//如果instance存在我什么都不做,
// 如果instance不存在,让instance=实例对象
if (!instance) instance = 实例对象
return instance
}
例子
function Person() {
this.name = 'Jack'
}
//加入单例模式核心代码
let instance = null
function singleTon() {
if (!instance) instance = new Person()
return instance
}
// 再来创建,使用singleTon
// 当我第一次调用singLeTon的时候, instance是 null
// 就要执行 new Person 给 instance 赋值,从此以后,instance 就是一个 Person 的实例了
// 返回instance
const p1 = singleTon()
// 当我第二次调用singLeTon的时候
// 此时instance是第一次new出来的实例
// if条件就不会执行了,直接返回第一次实例的地址
// 相当于一个instance赋值给了p1和p2 那么他们俩就是一个对象
const p2 = singleTon()
console.log(p1 === p2);//true
问题
1.书写代码的时候和构造函数已经没有关系
2.new关键字没有了