JavaScript设计模式(十六)【状态模式】

.NET跨平台

于 2020-08-05 15:02:31 发布

阅读量134

点赞数

分类专栏： Javascript设计模式

原文链接：https://blog.youkuaiyun.com/WuLex

版权

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

37 篇文章

订阅专栏

本文介绍了一种设计模式——状态模式，通过一个JavaScript实现的例子，展示了如何根据对象内部状态的变化来改变其行为，使得对象看起来像是改变了自身。此模式适用于需要根据不同状态执行不同操作的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
状态模式：
当一个对象的内部状态发生改变时，会导致其行为的改变，这看起来像是改变了对象。
 */

// 状态对象
var ResultState = function() {
    var States = {
        state0: function() {
            console.log("第一种情况");
        },
        state1: function() {
            console.log("第二种情况");
        },
        state2: function() {
            console.log("第三种情况");
        },
        state3: function() {
            console.log("第四种情况");
        }
    };

    function show(result) {
        States['state' + result] && States['state' + result]();
    }

    return {
        show: show
    }
}();