设计模式之策略模式

策略模式精讲

最新推荐文章于 2025-09-12 17:23:25 发布

快乐的蜜蜂

最新推荐文章于 2025-09-12 17:23:25 发布

阅读量168

点赞数

CC 4.0 BY-SA版权

分类专栏： JS设计模式文章标签：策略模式

本文链接：https://blog.youkuaiyun.com/hl971115/article/details/126538703

JS设计模式专栏收录该内容

11 篇文章

订阅专栏

本文通过一个具体的支付场景案例，详细介绍了策略模式的概念及其应用。通过对比重构前后的代码，展示了如何利用策略模式来简化复杂的条件判断逻辑，提高代码的可读性和可维护性。

策略模式
策略模式简单的来说就是为了减少if else的使用,让代码看起来更简洁

class Store1 {typeObj;
    constructor(type: string) {
        this.typeObj = type;
    }
    // 所有的逻辑都冗余在一起了
    pay(amount: number) {
        if(this.typeObj == "Normal") {
            return amount;
        } else if(this.typeObj == "Menber") {
            return amount * 0.9;
        } else if(this.typeObj == "VIP") {
            return amount * 0.8;
        }
    }
}

let store1 = new Store1("VIP");
console.log(store1.pay(200));

使用策略模式后, 每个类都在自己的模块中使用,

class Store {
    kindObj;
    constructor(kind: any) {
        this.kindObj = kind;
    }

    pay(amount: number) {
        return this.kindObj.pay(amount);
    }
}

class Normal {
    pay(amount: number) {
        return "普通: ￥" + amount;
    }
}

class Menber {
    pay(amount: number) {
        return "商场员工: ￥" +amount*0.9;
    }
}

class VIP {
    pay(amount: number) {
        return "会员: ￥" + amount*0.8;
    }
}

let store = new Store(new Normal());
console.log(store.pay(100));