做网站php软件,苏州外贸营销网站建设,网站前台设计软件,网络营销工作适用场景#xff1a;一个完整的流程#xff0c;中间分成多个环节#xff0c;各个环节之间存在一定的顺序关系#xff0c;同时中间的环节的个数不一定#xff0c;可能添加环节#xff0c;也可能减少环节#xff0c;只要保证顺序关系就可以。 如下图#xff1a;
ES5写法…适用场景一个完整的流程中间分成多个环节各个环节之间存在一定的顺序关系同时中间的环节的个数不一定可能添加环节也可能减少环节只要保证顺序关系就可以。 如下图
ES5写法
const Chain function (fn) {this.fn fnthis.nextChain nullthis.setNext function (nextChain) {this.nextChain nextChainreturn this.nextChain}this.run function () {this.fn()this.nextChain this.nextChain.run()}
}
//申请设备
const applyDevice function () {console.log(111)
}
const chainApplyDevice new Chain(applyDevice);
//选择收货地址
const selectAddress function () {console.log(222)
}
const chainSelectAddress new Chain(selectAddress);
//选择审核人
const selectChecker function () {console.log(333)
}
const chainSelectChecker new Chain(selectChecker);chainApplyDevice.setNext(chainSelectAddress).setNext(chainSelectChecker);
chainApplyDevice.run(); //最后执行结果为111-222-333ES6写法
class Chain {constructor(fn) {this.fn fnthis.nextChain null}setNext (nextChain) {this.nextChain nextChainreturn this.nextChain}run() {this.fn()this.nextChain this.nextChain.run()}
}
//申请设备
const applyDevice function () {console.log(111)
}
const chainApplyDevice new Chain(applyDevice);
//选择收货地址
const selectAddress function () {console.log(222)
}
const chainSelectAddress new Chain(selectAddress);
//选择审核人
const selectChecker function () {console.log(333)
}
const chainSelectChecker new Chain(selectChecker);chainApplyDevice.setNext(chainSelectAddress).setNext(chainSelectChecker);
chainApplyDevice.run(); //最后执行结果为111-222-333
