美文网首页
js中状态模式

js中状态模式

作者: 阿凯_8b27 | 来源:发表于2023-02-06 11:41 被阅读0次

1.当一个对象的内部状态发生改变时,会导致其行为的而改变,这看起来像是改变对象

对复杂的if else进行抽取

function showResult(result){
    if(result ==0){
        console.log(1);
    }else if(result ==1){
         console.log(2);
    }else if(result ==2){
         console.log(3);
    }

}
var Resutlstate= function(){
    var states = {
        state0: function(){
            console.log(1)
        },
        state1: function(){
            console.log(2)
        },
        state2: function(){
            console.log(3)
        },
        state3: function(){
            console.log(4)
        },
        state4: function(){
            console.log(5)
        }
    }
    function show(result){
        states['state'+ result] &&   states['state'+ result]();
    }
    return {
        show:show
    }
}

相关文章

  • 2018-04-01

    什么是vuex? Vuex 是一个专为Vue.js用程序开发的状态管理模式。 状态管理模式中的状态是指什么状态?为...

  • js状态模式

    介绍 状态模式定义一个对象,这个对象可以通过管理其状态从而使得应用程序作出相应的变化。状态模式是一个非常常用的设计...

  • JS设计模式-状态模式

    介绍 一个对象有状态变化 每次状态变化都会触发一个逻辑 不能总是使用if...else来控制eg: 红绿灯 收藏...

  • js状态模式之我见

    js的设计模式两年前就开始接触了,起初只是跟着张容铭小哥的《JavaScript设计模式》学学js的面向对...

  • JS设计模式之状态模式

    # 什么是“状态模式”? 状态模式:对象行为是根据状态改变,而改变的。特点:正是由于内部状态的变化,导致对外的行为...

  • Vuex(Vue状态管理模式)

    什么是Vuex?答:它是一个专为Vue.js应用程序开发的状态管理模式。状态指的是每个页面data()中的变量。 ...

  • Vuex

    Vuex是什么? 专为Vue.js应用程序开发的状态管理模式 集中管理所有组件的状态, 可以存放组件中的公有数据 ...

  • Vuex - 1 - 敲门

    1.Vuex的意义 为Vue.js应用开发的状态管理模式以一个全局单例模式管理组件共享的状态 2.状态管理模式 2...

  • 前端设计模式

    JS设计模式一:工厂模式jS设计模式二:单例模式JS设计模式三:模块模式JS设计模式四:代理模式JS设计模式五:职...

  • 关于vuex

    1、vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 什么是“状态管理模式”? ...

网友评论

      本文标题:js中状态模式

      本文链接:https://www.haomeiwen.com/subject/juteaktx.html