欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > js单例模式

js单例模式

2025/2/25 11:18:00 来源:https://blog.csdn.net/qq_73270720/article/details/145006353  浏览:    关键词:js单例模式

保证一个类只有一个实例,并提供一个访问它的全局访问点
在这里插入图片描述

实现

静态方法实现


class SingleTon{//全局的访问点static getInstance(){// 保证一个类只有一个实例if(!this.instance){this.instance=new SingleTon()}return this.instance}}let a=SingleTon.getInstance()let b=SingleTon.getInstance()console.log(a==b); //true

闭包实现

  //2.闭包实现function SingleTonBase(name){this.name=nameconsole.log("构造函数::",name);}function getInstance(){let instance = null;return function(name){if(!instance){instance = new SingleTonBase(name)}return instance}}let SingleTon=getInstance()let a=SingleTon("aaaa")let b=SingleTon("bbb")//构造函数:: aaaaconsole.log(a==b); //true

Pinia中的单例模式

在Pinia中,单例模式的实现是通过defineStore函数来完成的。
这个函数接受一个唯一的字符串作为参数,用于标识store。 当defineStore函数被调用时,它会执行以下步骤:

  1. 首先,defineStore函数会检查是否已经存在一个具有相同标识的store实例。如果已经存在,则直接返回该实例。
  2. 如果不存在,则defineStore函数会创建一个新的store实例。这个实例是一个单例对象,在整个应用程序中是唯一的。
  3. 接下来,defineStore函数会为store实例添加一些属性和方法,例如stateactionsgetters等。这些属性和方法用于定义store的状态、行为和计算属性。
  4. 最后,defineStore函数会返回新创建的store实例。 通过这种方式,Pinia能够在整个应用程序中共享状态,并且保证了状态的一致性和可预测性。同时,单例模式也使得状态的管理更加简单和易于维护。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词