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

class Action {
    handle() {
        handle1();
        handle2();
        handle3();
    }
    handle1() {
        console.log(‘1‘);    
    }
    handle2() {
        console.log(‘2‘);    
    }
    handle3() {
        console.log(‘3‘);    
    }
}

// 请假审批，需要组长审批，经理审批，最后总监审批
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();