单例模式与构造器模式

单例模式

1、是什么

单例模式(Singleton Pattern):创建型模式,提供了一种创建对象的最佳方式,这种模式涉及到一个单一的类,该类负责创建自己的对象,同时确保只有单个对象被创建

在应用程序运行期间,单例模式只会在全局作用域下创建一次实例对象,让所有需要调用的地方都共享这一单例对象。

从定义上来看,全局变量好像就是单例模式,但是一般情况我们不认为全局变量是一个单例模式,原因是:

  • 全局命名污染
  • 不易维护,容易被重写覆盖

实现

实现模块之间的独立划分「但是也可以实现模块之间方法的相互调用」

js 复制代码
// 程序员A开发的-模块A
var AModule = (function () {
    var data = [];

    function bindHTML() {
        // ...
    }

    function change() {
        // ...
    }

    return {
        change: change
    };
})();

// 程序员B开发的-模块B
var BModule = (function () {
    var data = [];

    function bindHTML() {
        // ...
    }

    AModule.change();

    return {
        bindHTML: bindHTML
    };
})();

构造器模式

单例模式会先执行一个自定义函数,形成闭包。如果不想每次执行都修改同一个变量,引入类和实例的概念。

希望执行的方法是一个,但是有单独的私有容器,每一次修改的是自己独有的容器

面向对象:类和实例。

类:可以创建出很多不同的实例,每一个实例与每一个实例之间会存在私有的属性,也可以基于prototype实现出公共的属性方法。

js 复制代码
// AModule:类「构造函数」
class AModule {
    constructor() {
        // this->每个类的实例
        this.arr = [];
    }
    // 原型上 公共的属性和方法
    change(val) {
        this.arr.push(val);
        console.log(this.arr);
    }
}

let A1 = new AModule;
let A2 = new AModule;
console.log(A1, A2);
console.log(A1 === A2); //->false
console.log(A1.arr === A2.arr); //->false
console.log(A1.change === A2.change); //->true
A1.change(10);
A2.change(20); 
相关推荐
折哥的程序人生 · 物流技术专研3 小时前
【电商多平台电子面单对接实战|第二篇】抖音代发电子面单对接:从“面条代码”到整洁架构的涅槃之路
设计模式·架构·系统架构·单元测试·代码规范·单一职责原则
葫芦和十三4 小时前
范式之变|Agent 设计,换语言了
人工智能·设计模式
ourenjiang4 小时前
【学习设计模式】原型模式
学习·设计模式·原型模式
贵慜_Derek4 小时前
《从零实现 Agent 系统》连载 20|MCP 与 Code Execution:协议、档位与 Sidecar
人工智能·设计模式·架构
Sam_Deep_Thinking1 天前
结算分摊的策略模式:不同营销活动的扣点计算方案
java·设计模式·架构·系统架构
故渊at1 天前
系列一:架构思想进阶 | 第3篇 SOLID 原则与设计模式实战:从“代码搬运工”到“架构师”的必经之路
观察者模式·设计模式·重构·架构·代理模式
珊瑚里的鱼2 天前
手撕单例模式中的饿汉模式和懒汉模式,懒汉模式还要再多加一个C++11版本的
开发语言·c++·单例模式
老码观察2 天前
设计模式实战解读(十一):外观模式——给复杂系统套一层壳
python·设计模式·外观模式
AI大法师2 天前
奥迪 AUDI 案例:母品牌和新业务怎么拆?
大数据·设计模式·汽车
bryant_meng2 天前
【Design Patterns】23 Design Patterns: The Ultimate Developer‘s Toolkit
设计模式·编程·计算机科学·设计·工程