策略类学习笔记

最新推荐文章于 2026-01-01 10:51:21 发布

原创最新推荐文章于 2026-01-01 10:51:21 发布 · 77 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #javascript #前端

该代码示例展示了如何在React组件中使用策略模式来处理不同的薪资计算逻辑。通过定义一个策略对象，包含了S、A、B、C四种不同的计算方法（分别对应不同的薪资倍数），可以根据传入的类型动态调用相应的方法，达到代码复用和易于维护的目的。

代替if 更加方便复用

import React from "react";

export default function Strategy() {
    // 策略类
    // 方便复用
    var strategy = {
        S: function (salary) {
            return salary * 4
        },
        A: function (salary) {
            return salary * 3
        },
        B: function (salary) {
            return salary * 2
        },
        C: function (salary) {
            return salary * 1
        },
    }
    const xxx2 = 'S'
    console.log('aaa', strategy[xxx2](23000));
    return (
        <div>

        </div>
    )
}