JavaScript中的设计模式 单例模式

JavaScript设计模式之单例模式

什么是单例模式

单例模式是一种常用的软件设计模式,用于保证系统中一个类只有一个实例,避免多个实例造成的资源浪费,同时也能够方便对该实例的控制和管理。

在JavaScript中,单例模式通常是通过对象字面量或者构造函数来实现的。

示例1:对象字面量实现单例模式

var Singleton = {
  obj: null,
  getInstance: function () {
    if (!this.obj) {
      this.obj = {name: "singleton object"};
    }
    return this.obj;
  }
};

var obj1 = Singleton.getInstance();
var obj2 = Singleton.getInstance();

console.log(obj1 === obj2); // true

上面的示例中,我们创建了一个Singleton对象,该对象包含一个obj属性,表示单例对象实例,以及getInstance方法,用于获取单例对象实例。在getInstance方法内,我们对obj属性进行了判断,如果该属性为null,则创建一个包含name属性的对象并赋值给obj,否则直接返回obj。这样,我们便可以通过Singleton.getInstance()方法来获取单例对象实例了。

最后,我们创建了两个变量obj1obj2,并将它们分别赋值为Singleton.getInstance()的返回值。由于getInstance方法返回的是单例对象实例,因此,obj1obj2应该相等,通过比较它们的引用,我们可以证明它们确实相等。

示例2:构造函数实现单例模式

function Singleton() {
  if (!Singleton.instance) {
    Singleton.instance = this;
    this.name = "singleton object";
  }
  return Singleton.instance;
}

var obj1 = new Singleton();
var obj2 = new Singleton();

console.log(obj1 === obj2); // true

上面的示例中,我们创建了一个名为Singleton的构造函数,该函数内部包含一个instance变量,表示单例对象实例。在创建对象时,我们首先判断instance是否存在,如果不存在,则将当前对象赋值给instance。此外,我们还在当前对象中添加了一个名为name的属性,用于标识对象。

最后,我们创建了两个变量obj1obj2,并将它们分别赋值为new Singleton()的返回值。由于Singleton是一个构造函数,它的返回值始终是创建的对象实例,因此,obj1obj2应该相等,通过比较它们的引用,我们可以证明它们确实相等。

总结

单例模式是一种非常常用的设计模式,能够有效地避免因重复创建对象导致的资源浪费等问题,并且能够方便对单例对象实例的控制和管理。在JavaScript中,单例模式通常是通过对象字面量或者构造函数来实现的,我们可以根据实际需求来选择适合自己的实现方式。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript中的设计模式 单例模式 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • JavaScript定时器使用方法详解

    下面是“JavaScript定时器使用方法详解”的完整攻略: JavaScript定时器使用方法详解 JavaScript定时器是指在指定时间间隔内以指定频率执行指定函数的机制,它主要有两种定时器函数:setInterval和setTimeout。 setInterval setInterval函数的语法如下: setInterval(function, d…

    JavaScript 2023年5月27日
    00
  • JS Attribute属性操作详解

    JS Attribute 属性操作详解 Attribute 属性是 HTML 中的一种重要的属性类型,它们可以包含 HTML 元素的元数据,并且广泛应用于 JavaScript 编程。在这篇文章中,我们将会深入探讨 JavaScript 中的 Attribute 属性操作。我们将全面介绍属性操作的所有方面,包括读取、设置、更新和删除等。 什么是 Attrib…

    JavaScript 2023年6月10日
    00
  • JavaScript中极易出错的操作符运算总结

    JavaScript中极易出错的操作符运算总结 在JavaScript编程中,操作符运算是非常常见的。但是,可能会有一些操作符运算容易出错,导致程序行为不符合预期。因此,我们需要了解并避免这些错误。 1. 严格相等运算符 在JavaScript中,使用双等号==进行非严格相等判断时,会发生隐式数据类型转换,可能会导致预期之外的结果。因此,在进行相等比较时,我…

    JavaScript 2023年5月28日
    00
  • 记录-Symbol学习笔记

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Symbol是JavaScript中的原始数据类型之一,它表示一个唯一的、不可变的值,通常用作对象属性的键值。由于Symbol值是唯一的,因此可以防止对象属性被意外地覆盖或修改。以下是Symbol的方法和属性整理: 属性 Symbol.length Symbol构造函数的length属性值为0。 …

    JavaScript 2023年5月5日
    00
  • JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符

    学习笔记4:JavaScript运算符和操作符 JavaScript中的运算符是用于执行各种数学和逻辑操作的符号。操作数可以是变量、常量、表达式或函数的结果。本文将带领读者掌握JavaScript中的基本运算符和操作符。 运算符 运算符是用于执行数学计算的符号,如加号、减号、乘号、除号、取余等。以下是JavaScript中常见的运算符: 算术运算符 运算符 …

    JavaScript 2023年5月18日
    00
  • HTML5+setCutomValidity()函数验证表单实例分享

    HTML5+setCustomValidity()函数是HTML5表单验证的一种手段,可以用于实现自定义的表单验证。它可以在用户提交表单之前,动态地对表单中的输入进行检验,通过返回值控制表单是否能够提交。以下是使用HTML5+setCustomValidity()函数进行表单验证的完整攻略。 1. 创建一个基本表单 首先,在HTML中创建一个表单,并添加一些…

    JavaScript 2023年6月10日
    00
  • javascript Array对象使用小结

    下面是关于 JavaScript Array 对象的使用小结: 什么是 JavaScript Array 对象? JavaScript 中的 Array 对象用于表示一组有序数据的集合。数组是一种特殊的对象类型,它可以存储不同类型的数据,包括数字、字符串、甚至是其他数组等等。数组中的每个元素都有一个编号,这个编号叫做索引。 创建数组 创建一个数组对象的方式有…

    JavaScript 2023年5月27日
    00
  • 原生js获取iframe中dom元素–父子页面相互获取对方dom元素的方法

    当在网页中嵌入了一个iframe元素时,有时候需要获取其中的DOM元素或与iframe页面里面的JS代码进行交互,这时需要使用原生Javascript来进行操作。 获取iframe中的DOM元素 获取iframe元素 首先,我们需要获取到iframe元素,这可以通过以下方法来实现: const iframe = document.getElementById…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部