JavaScript设计模式,单例模式!
单例设计模式:保证一个类仅有一个实例,并且提供一个访问它的全局访问点。有些对象只需要一个,这时可用单例模式。
传统的单例模式
- 和new 创建对象的调用不一样
- 调用者要调用xxx.getInstance才能获得该单例
function Singleton(name) { this.name = name; } Singleton.getInstance = function (name) { if(this.instace){ return this.instace; }else { this.instace = new Singleton(name); return this.instace; } }; var a = Singleton.getInstance('a'); var b = Singleton.getInstance('b'); console.log(a===b); //true
"透明"的单例模式
- "透明"的单例类,用户从这个类中创建对象的时候,可以像使用其他任何普通类一样
- 直接 new 一个对象
- 不能new 多个对象,扩展性不好
var instace; function Person(name) { this.name = name; if (!instace) { instace = this; } return instace; } Person.prototype.getName = function () { console.log(this.name); }; var a = new Person('a'); var b = new Person('b'); console.log(a===b);
代理模式创建单例模式
- 代理模式:自己不去做,委托中间人做
- Person是一个普通类,通过new Person可以创建一个对象
- 用代理模式创建CreateSinglePerson方法,通过new CreateSinglePerson可以创建一个单例
JavaScript中的单例模式
- 单例模式的核心是确保只有一个实例,并提供全局访问
- 在JavaScript可以通过直接创建一个对象来实现单例模式
- 可以用闭包的方式实现私有变量
let MyApp = { name: 'app', getName: function () { console.log(this.name); } }; let MyApp2 = (function () { var _name = 'app'; return { getName: function () { console.log(_name); } } })();
小结
单例模式用到了闭包和高阶函数的特性。单例模式是简单但常用到的模式,比如单页应用、websocket连接等等。创建对象和管理单例的职责分布在不同的方法中,方便扩展和管理。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术