首页 / 设计模式 / 前端23种js设计模式中参见的7种设计模式的学习

前端23种js设计模式中参见的7种设计模式的学习

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了前端23种js设计模式中参见的7种设计模式的学习，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含924字，纯文字阅读大概需要2分钟。

内容图文

创建型设计模式
是一类处理对象创建的设计模式，通过某种方式控制对象的创建来避免基本对象创建时可能导致设计上的问题或增加设计上的复杂度。

　　1）工厂模式

            class Product {
    constructor(options) {
        
            this.name = options.name;
        this.time = options.time;
        this.init();
    }
    init() {
        console.log(`产品名：${this.name} 保质期：${this.time}`);
    }
}
class Factory {
    create(options) {
        returnnew Product(options);
    }
}

let factory = new Factory();
let product1 = factory.create({ name: "面包", time: "1个月" });

 

　　2）单例模式 (一个类只有一个实例)

            function
             SingleObject() {
    
            this.name = "单例";
}

SingleObject.getInstance = function() {
    if (!this.instance) {
        this.instance = new SingleObject();
    } 
    returnthis.instance;
};

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

console.log(obj1 === obj2);

 

结构型设计模式
关注于如何将类或对象组合成更大、更复杂的结构，以简化设计。

　　1）适配器模式

　　2）装饰器模式

　　3）代理模式

4）外观模式

行为型设计模式
用于不同对象之间职责划分或者算法抽象，行为型设计模式不仅仅涉及类和对象，还涉及类或对象之间的交流模式并加以实现。

　　1）观察者模式

　　2）迭代器模式

　　3）状态模式

原文：https://www.cnblogs.com/zhoudawei/p/11989267.html

内容总结

以上是互联网集市为您收集整理的前端23种js设计模式中参见的7种设计模式的学习全部内容，希望文章能够帮你解决前端23种js设计模式中参见的7种设计模式的学习所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1174220.html

来源：【匿名】