JavaScript 实现单例模式的两种常见方式

作者:异步漫步

时间:2026-10-27

浏览:638

本文介绍JavaScript中实现单例模式的两种核心方案。第一种利用闭包特性,通过立即执行函数保持变量在内存中,确保全局唯一实例;第二种基于构造函数内部判断,通过检查静态属性或实例属性来返回缓存对象。两种方法均能有效控制实例数量,适用于需要全局唯一访问点的场景。

文章目录

基于闭包的单例实现

方案一的核心在于利用闭包的两个特性:一是能够读取函数内部的变量,二是让这些变量始终保存在内存中,从而维持状态。

具体实现代码如下:

//方案一
var SingletonTester = (function () {
//单例方法
function Singleton(args) {
var args = args || {};
this.name = 'SingletonTester'; //方法对外的属性,另外一种方式就是返回对象
this.pointX = args.pointX || 6;
this.pointY = args.pointY || 10;
        } 
//单例实例
var instance;
//返回对象
return {
name: 'SingletonTester',
getInstance: function (args) {
if (instance === undefined) {
instance = new Singleton(args);
                } 
return instance;
            } 
        }; 
})(); //直接执行该方法
//测试
var test = SingletonTester.getInstance({ pointX: 5 });
console.log(test.pointX);

基于构造函数的单例实现

方案二:

代码如下:

//方案二
function Universe() {
// 判断是否存在实例
if (typeof Universe.instance === 'object') {
return Universe.instance;
      } 
// 其它内容
this.start_time = 0;
this.bang = "Big";
// 缓存
Universe.instance = this;
// 隐式返回this
  } 
// 测试
var uni = new Universe();
var uni2 = new Universe();
console.log(uni === uni2); // true

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章