模版设计模式之js代码实现

转载

mob604756e7abe8 2020-06-17 15:47:00

模版设计模式

设计模式处处透漏者前辈们的指挥, 在众多设计模式中模版设计模式是软件设计中最常用, 最正统的模式, 也是本人最喜欢的模式, 其就像一颗颗螺丝钉处处体现在软件设计和其他模式中
父类定义一个模板结构，将部分具体内容延迟到子类去实现

在软件系统设计中最常用的就是接口--抽象类--类三级设计模式, 如下图

模版设计模式之js代码实现_设计模式

再此模式中接口定义了方法, 抽象类定义了算法的框架实现了一部分算法, 对象类则实现了剩余的其他方法(当然如有需要可以灵活配置, 比如抽象类实现了一个默认的方法, 如有需要对象类可以重写这个方法)

模版设计模式之js代码实现_模版_02

接口
let IEat = new Interface('IEat', ['eatDinner','buy','cook', 'eat'])
抽象类
let Eatdinner = function () {}; Eatdinner.prototype.buy = function () { throw new Error(); }; Eatdinner.prototype.cook = function () { throw new Error(); }; Eatdinner.prototype.eat = function () { console.log('吃'); }; Eatdinner.prototype.eatDinner = function () { this.buy(); this.cook(); this.eat(); };
对象类
let EatA = function () { Eatdinner.call(this); } extend(EatA, Eatdinner); EatA.prototype.buy = function () { console.log('萝卜'); } EatA.prototype.cook = function () { console.log('炒'); } let EatB = function () { Eatdinner.call(this); } extend(EatB, Eatdinner); EatB.prototype.buy = function () { console.log('萝卜'); } EatB.prototype.cook = function () { console.log('炸'); } let EatC = function () { Eatdinner.call(this); } extend(EatC, Eatdinner); EatC.prototype.buy = function () { console.log('青菜'); } EatC.prototype.cook = function () { console.log('烤'); }