JavaScript策略模式利用对象键值的映射关系详解

var strategies = {
    A: xxx,
    B: yyy,
    C: zzz
}

const tools = {
    throttle: function (fn, time) {
        // ...
    },
    debounce: function (fn,time) {
        // ...
    },
}

<style scoped>
     /*@style：defaultActive默认状态下的样式*/
    .defaultActive {
        background-color: rgba(0, 0, 0, 0.8);
        color: #fff;
    }
    /*@style：successActive成功状态下的样式*/
    .successActive {
        background-color: #f0f9eb;
        color: #67c23a;
    }
    /*@style：infoActive信息状态下的样式*/
    .infoActive {
        background-color: #f4f4f5;
        color: #909399;
    }
    /*@style：warningActive警告状态下的样式*/
    .warningActive {
        background-color: #fdf6ec;
        color: #e6a23c;
    }
    /*@style：errorActive错误状态下的样式*/
    .errorActive {
        background-color: #fef0f0;
        color: #f56c6c;
    }
</style>

<script>
    export default {
        computed: {
            className () {
                return this.type + 'Active'
            }
        }
    };
</script>

<template>
    <div class="toast" :class=className>
        {{msg}}
    </div>
</template>