18-TypeScript模板方法模式

Posted 曹剑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了18-TypeScript模板方法模式相关的知识,希望对你有一定的参考价值。

在有些情况下,一个功能在基础功能上是不会变的,算法的基本骨架也是确定的,但是在某些场景下算法的具体实现有些差异。应对这种问题,可以采用模板方法模式:

abstract class Salary{
    abstract ComputeBaseSalary():void;
    abstract ComputeDecuteSalary():void;
    abstract ComputeBonusSalary():void;
    //定义了通用实现与算法骨架,具体实现在子类中有差别
    ComputeSalary():void{
        console.log("开始计算工资");
        this.ComputeBaseSalary();
        this.ComputeDecuteSalary();
        this.ComputeBonusSalary();
    }
}

class ITSalary extends Salary{
    ComputeBaseSalary():void{
        console.log("IT基本工资");
    }
    ComputeDecuteSalary():void{
        console.log("IT没有提成");
    }
    ComputeBonusSalary():void{
        console.log("IT奖金");
    }
}

class SalesSalary extends Salary{
    ComputeBaseSalary():void{
        console.log("Sales基本工资");
    }
    ComputeDecuteSalary():void{
        console.log("Sales提成");
    }
    ComputeBonusSalary():void{
        console.log("Sales没有奖金");
    }
}

var itsalary=new ITSalary();
itsalary.ComputeSalary();
var salessalary=new SalesSalary();

salessalary.ComputeSalary();

欢迎加入QQ群讨论:573336726

以上是关于18-TypeScript模板方法模式的主要内容,如果未能解决你的问题,请参考以下文章

C#常用代码片段备忘

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段2——.vue文件的模板

VSCode自定义代码片段(vue主模板)

VS Code配置snippets代码片段快速生成html模板,提高前端编写效率