当前位置:首页 > JavaScript

js实现单例模式

2026-03-01 06:49:03JavaScript

实现单例模式的方法

在JavaScript中实现单例模式可以通过多种方式完成。以下是几种常见的实现方法:

使用对象字面量

最简单的单例模式实现方式是直接使用对象字面量。这种方式适用于不需要延迟初始化的情况。

const singleton = {
  property: 'value',
  method: function() {
    console.log('Singleton method');
  }
};

使用闭包和立即执行函数表达式(IIFE)

通过闭包和IIFE可以创建私有变量,并且延迟单例的初始化。

js实现单例模式

const Singleton = (function() {
  let instance;

  function createInstance() {
    const object = new Object('I am the instance');
    return object;
  }

  return {
    getInstance: function() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();

const instance1 = Singleton.getInstance();
const instance2 = Singleton.getInstance();
console.log(instance1 === instance2); // true

使用ES6类

在ES6中,可以使用类的静态方法来实现单例模式。

class Singleton {
  constructor() {
    if (!Singleton.instance) {
      Singleton.instance = this;
    }
    return Singleton.instance;
  }

  static getInstance() {
    if (!this.instance) {
      this.instance = new Singleton();
    }
    return this.instance;
  }
}

const instance1 = new Singleton();
const instance2 = new Singleton();
console.log(instance1 === instance2); // true

使用模块模式

在现代JavaScript中,模块本身就是单例的,可以利用这一特性实现单例模式。

js实现单例模式

// singleton.js
let instance;

class SingletonClass {
  constructor() {
    if (instance) {
      throw new Error('You can only create one instance!');
    }
    instance = this;
  }
}

const singleton = Object.freeze(new SingletonClass());
export default singleton;

使用Proxy

Proxy可以用于控制对象的创建行为,确保只创建一个实例。

function Singleton(targetClass) {
  let instance;
  return new Proxy(targetClass, {
    construct(target, args) {
      if (!instance) {
        instance = new target(...args);
      }
      return instance;
    }
  });
}

class MyClass {
  constructor() {
    this.name = 'MyClass';
  }
}

const SingletonClass = Singleton(MyClass);
const instance1 = new SingletonClass();
const instance2 = new SingletonClass();
console.log(instance1 === instance2); // true

选择适合的方法

选择哪种实现方式取决于具体需求:

  • 对象字面量适用于简单的单例需求
  • IIFE方式提供了更好的封装性
  • ES6类方式更适合面向对象编程
  • 模块模式适合现代模块化开发
  • Proxy方式提供了更灵活的控制

每种方法都能确保在整个应用程序中只存在一个实例,开发者可以根据项目需求和编码风格选择最适合的实现方式。

标签: 模式js
分享给朋友:

相关文章

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js实现选题

js实现选题

实现选题功能的JavaScript方法 基础实现方案 使用数组存储选项,通过随机索引选取: const options = ['选项A', '选项B', '选项C', '选项D']; const r…

php实现单例模式

php实现单例模式

单例模式的概念 单例模式是一种创建型设计模式,确保一个类只有一个实例,并提供一个全局访问点。这种模式常用于数据库连接、日志记录器等需要全局唯一实例的场景。 PHP实现单例模式的关键步骤 私有化构造函…

js实现下拉刷新

js实现下拉刷新

监听触摸事件 通过监听 touchstart、touchmove 和 touchend 事件来检测用户下拉手势。记录触摸起始位置和移动距离。 let startY = 0; let curr…

js 实现全选

js 实现全选

实现全选功能的方法 使用 JavaScript 实现全选功能通常需要操作复选框(checkbox)的状态。以下是几种常见的实现方式。 通过 DOM 操作实现全选 // 获取全选复选框和子复选框…

js实现弹框

js实现弹框

使用 alert 实现简单弹框 JavaScript 的 alert 方法可以直接显示一个简单的弹框,内容为纯文本: alert("这是一个简单的弹框"); 使用 confirm 实现确认弹框…