首页 / 设计模式 / 前端设计模式 模板方法模式和职责链模式

前端设计模式 模板方法模式和职责链模式

内容导读

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

内容图文

                class Action {
    handle() {
        handle1();
        handle2();
        handle3();
    }
    handle1() {
        console.log(‘1‘);    
    }
    handle2() {
        console.log(‘2‘);    
    }
    handle3() {
        console.log(‘3‘);    
    }
}
模板方法模式：如上，如果代码中有 handle1,handle2,handle3 这几步处理的话，我们可以通过一个方法给他封装起来，调用的话，调用这一个方法就可以。 对于内部有顺序的方法，可以通过一个方法封装起来，暴露给外部。


职责链模式：一步操作可能分为多个职责角色来完成。把这些角色都分开，然后用一个链串起来。将发起者以及各个处理者进行隔离。
比如你要请假，需要审批，需要组长审批，经理审批，最后总监审批
                //
                 请假审批，需要组长审批，经理审批，最后总监审批
                class Action {
    constructor(name) {
        
                this.name = name;
        this.nextAction = null;
    }
    setNextAction(action) {
        this.nextAction = action;
    }
    handle() {
        console.log(`${this.name} 审批`);
        if (this.nextAction != null) {
            this.nextAction.handle();
        }
    }
}

// 测试
let a1 = new Action(‘组长‘);
let a2 = new Action(‘经理‘);
let a3 = new Action(‘总监‘);
a1.setNextAction(a2);
a2.setNextAction(a3);
a1.handle();

 

应用场景：promise.then链式操作
 
设计原则验证
发起者于各个处理者进行隔离
符合开放封闭原则

 

原文：https://www.cnblogs.com/wzndkj/p/11870479.html

内容总结

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

内容备注

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

内容手机端

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

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

来源：【匿名】