js单例模式

单例模式是一种设计模式，它保证了一个类只有唯一的实例，并且提供了一个全局的访问点。在JavaScript中，单例模式经常被用来管理全局变量、缓存、日志等场景。

实现单例模式的方式有很多种，下面我们详细介绍几种实现方式。

1. 简单的单例模式

这种实现方式最简单粗暴，直接将类的实例挂在到全局对象上，例如：

function Singleton() {
    if (typeof Singleton.instance === 'object') {
        return Singleton.instance;
    }
    // 正常初始化操作
    this.name = 'I am singleton';
    Singleton.instance = this;
}

var instance1 = new Singleton();
var instance2 = new Singleton();

console.log(instance1 === instance2); // true

这种方式看起来好像非常简洁明了，但是有以下几个问题：

• Singleton被定义为构造函数，在使用时需要用new关键字调用。但是这个构造函数本身并没有什么用处，而是通过检测Singleton.instance是否为undefined来判断实例是否存在。这种写法容易引起误解和不必要的麻烦。
• 如果在Singleton构造函数内部定义了一些属性或者方法，这些属性或方法会被所有实例共享。如果你想给每个实例添加一些自己独有的属性或方法，那么就无法实现了。

2. 工厂模式

工厂模式是一种创建型模式，它通过一个工厂方法来创建对象，而不是直接new一个类的实例。使用工厂模式可以解决第一个问题，例如：

function Singleton() {
    // 正常初始化操作
    this.name = 'I am singleton';
}

var SingletonFactory = (function () {
    var instance;
    return {
        createInstance: function () {
            if (!instance) {
                instance = new Singleton();
            }
            return instance;
        }
    }
})();

var instance1 = SingletonFactory.createInstance();
var instance2 = SingletonFactory.createInstance();

console.log(instance1 === instance2); // true

这种方式解决了第一个问题，但是仍然存在第二个问题。

3. 闭包实现单例

我们知道，在JavaScript中，变量的作用域有全局作用域和函数作用域两种。利用函数作用域，我们可以使用闭包实现单例模式。每次调用getSingleton都会返回同一个实例。

var getSingleton = (function() {
    var instance;
    return function () {
        if (!instance) {
            instance = new Object();
        }
        return instance;
    }
})();

var instance1 = getSingleton();
var instance2 = getSingleton();

console.log(instance1 === instance2); // true

这种方式虽然代码看起来比较简洁，但是也存在一些问题：

• 如果getSingleton函数内部需要传递参数，那么这种方式就不能满足要求。
• instance实例对象仍然是全局变量，如果需要使用多个单例，那么就需要定义多个getSingleton函数，这样就会导致命名冲突。

4. JavaScript中的单例

在JavaScript中，单例可以使用对象字面量来创建。对象字面量是一种非常简洁明了的方式，可以直接定义一个对象，并且支持添加属性和方法。

var singleton = {
    name: 'I am singleton',
    method1: function () {
        // do something...
    },
    method2: function () {
        // do something...
    }
};

var instance1 = singleton;
var instance2 = singleton;

console.log(instance1 === instance2); // true

这种方式看起来最为简洁明了，但是也有一些缺点：

• 单例对象本身就是全局变量，不适用于大型应用程序。
• 如果需要多个单例对象，就需要定义多个对象字面量，这样也会导致代码重复和命名冲突。

5. ES6中的单例

在ES6中，可以使用export导出一个单例类的实例，然后在其他文件中使用import引入该实例。这种方式需要使用模块化开发方式，适用于大型应用程序。

class Singleton {
    constructor() {
        this.name = 'I am singleton';
    }

    method1() {
        // do something...
    }

    method2() {
        // do something...
    }
}

const instance = new Singleton();

export default instance;

在另外一个文件中使用import引入该实例：

import singleton from './singleton';

console.log(singleton.name); // "I am singleton"

这种方式比较适用于大型应用程序，但是需要使用模块化开发方式，需要构建工具进行打包和压缩。

总结：以上是几种常见的JavaScript单例模式的实现方式，每种方式都有各自的优缺点，根据实际场景选择最合适的方式实现单例模式。