设计模式中的单例模式
单例模式是前端设计模式中的一种常用模式。单例模式是一种创建型模式，它保证一个类只有一个实例，并提供一个全局访问点。在前端开发中，单例模式通常用于管理全局状态、配置信息、缓存数据等。单例模式可以避免全局变量的滥用，提高代码的可维护性和可扩展性。单例模式的实现方式有多种，其中最常见的方式是使用闭包来实现私有属性和方法。
比如Vue中的Vuex就是使用单例模式来开发的
示例代码一
在Vuex中，使用了一个名为Store的类来创建全局的状态管理器，而这个类就是一个单例。在创建Store实例时，如果已经存在一个Store实例，则直接返回该实例，否则创建一个新的Store实例并返回。这样，就可以确保在整个应用中只存在一个Store实例，从而实现全局状态的管理和共享
Vue中，单例模式可以用来创建一个全局的状态管理器，以便在不同的组件中共享数据。以下是一个在Vue中使用的单例模式的示例：
// store.js
import { reactive } from 'vue';let store = null;export function useStore() {if (!store) {store = reactive({count: 0});}return store;
}在这个示例中创建了一个名为store的全局状态管理器，并使用reactive将其转换为响应式对象。然后，我们将store对象封装到了一个名为useStore的函数中，并使用单例模式来确保只创建一个store对象。在每次调用useStore函数时，如果store对象不存在，则会创建一个新的store对象，并将其赋值给store变量。否则，直接返回已经存在的store对象。
在组件中使用store对象时，只需要调用useStore函数即可获取全局的store对象，并在模板中使用store.count来访问count属性。例如：
<template><div><button @click="increment">Increment</button><div>Count: {{ store.count }}</div></div>
</template><script setup>
import { useStore } from './store.js';const store = useStore();function increment() {store.count++;
}
</script>示例代码二
var Singleton = (function() {var instance;function createInstance() {var object = {name: 'Singleton Object',sayHello: function() {console.log('Hello, I am the instance.');}};return object;}return {getInstance: function() {if (!instance) {instance = createInstance();}return instance;}};
})();var instance1 = Singleton.getInstance();
var instance2 = Singleton.getInstance();console.log(instance1 === instance2); // 输出：true
instance1.sayHello(); // 输出：Hello, I am the instance.在createInstance方法中，创建了一个新的对象，并将名称和方法添加到该对象中。最后，我们返回了这个对象。
在使用单例模式时，我们调用getInstance方法来获取单例对象。在getInstance方法中，我们使用if语句来判断是否已经创建了单例对象，如果没有，则调用createInstance方法来创建单例对象。最终，我们得到了两个相同的单例对象，并且它们是同一个实例。我们还调用了单例对象的sayHello方法，输出了一段问候语。
可以看到，单例模式可以使用任何类型的对象来表示单例对象，包括原始类型、对象、函数等。在实现单例模式时，我们可以根据实际需求来定义单例对象的属性和方法，从而实现更加丰富和灵活的功能。
