当前位置:首页 > 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 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js实现选题

js实现选题

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

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 const…

js实现 功能

js实现 功能

在 JavaScript 中实现功能通常涉及多个关键步骤,具体取决于功能需求。以下是常见功能的实现方法和示例: 基本功能实现 使用函数封装逻辑是最直接的方式。例如,实现一个计算两数之和的函数: f…

js实现 拖动

js实现 拖动

实现拖动的步骤 HTML 结构 创建一个可拖动的元素和一个放置区域: <div id="draggable" draggable="true">拖动我</div> <d…

js 实现按钮点击

js 实现按钮点击

实现按钮点击的 JavaScript 方法 HTML 按钮元素 在 HTML 中创建一个按钮,可以通过 <button> 或 <input> 标签实现: <button…