设计模式--状态模式

状态模式

  • 模式动机:在很多情况下一个对象的行为取决于一个或多个变化的属性(状态),这样的对象叫做有状态对象,对象中的状态是预先定义好的一系列,当此对象与外部事件产生互动时。其内部状态就会改变,从而使对象的行为发生改变。
  • 定义:允许一个对象在其内部状态改变时改变他的行为,对象看起来改变了他的类。
  • 理解:状态模式的关键是把事物的每一种状态都封装成单独的类(obj)跟此状态有关的行为都被封装在此类中。状态改变时,只需要在上下文中,把请求委托给当前的状态对象即可,该状态对象会渲染他自身的行为。

  • 事例说明
    电灯开关,状态(on,off)。在不同的状态下点击开关电灯会有不同的行为(亮,暗)。状态是依次转换的 亮->暗->亮....
    简单的思路是init时给类赋初始状态值,每次点击时判断此时的状态,if else中作状态对应的具体操作+状态转变。
    带来的问题是,如果后来加了亮度等级状态(强光,弱光...)那么开关点击函数中的if else判断会不停增加无限扩展。所有状态对应的行为逻辑代码全步都存在于此函数中,不好维护,其实我们不希望这样的函数存在。
    那么为了解决这种问题引入了之前说的状态模式。

  • 改造函数
    首先把context的状态由之前的string变为obj(或者类)

     var deng = {
    
          this.currState = stList.off;
          ...
    
      }
      var stList = {
    
          off: {},
          on: {}  
    
      }
    

然后将点击按钮所执行的逻辑扔到每个状态对象中

    var stList = {

        off: {

            btnPressed: function () {

                /*  
                 *  初始状态下点击的行为
                 */
                console.log('关灯');
                ...
                this.currState = off.on;

            }

        },

        on: {

            btnPressed: function () {

                /*  
                 *  关灯状态下点击的行为
                 */
                console.log('开灯');
                ...
                this.currState = off.off;

            }

        }   

    }

接下来改造初始化函数

  deng.prototype.init = function () {
    var self = this;
    ...
    btn.onclick = function () {

      self.currState.btnPressed.call(self);

    }
  }

完工,通过改造,将btn.onclick中大量ifelse判断运行的业务代码,委托到了每个状态对象中。
如果以后在增加状态,那个只需要在stList中增加对应的状态对象,并修改切换顺序即可。对代码的修改维护十分友好。

  • 优点:
    1.状态模式定义个状态与行为之间的关系,并将他们封装在一个类里,通过增加新的状态类,很容易增加新的状态和转换。
    2.避免context无限膨胀,去掉了条件分支,状态切换也被扔到了状态类中。
    3.用对象代替string纪录状态。
    4.状态类中封装的行为具有独立性,不互相影响。

  • 缺点:
    1.会定义许多类,增加代码量。
    2.逻辑分散,无法在一个地方就看出整个状态机的逻辑。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,715评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,050评论 1 10
  • STATE(状态) ———— 对象行为型模式 意图 允许一个对象在其内部状态改变时改变它的行为。对象看起来似乎修改...
    tomas家的小拨浪鼓阅读 471评论 0 0
  • 今天我们来学习一种行为型模式,状态模式(State Pattern)。 模式定义 允许一个对象在其内部状态改变时改...
    HJXANDHMR阅读 4,476评论 5 12
  • 定义 状态模式,又称为状态对象模式(Pattern of Object for States),状态模式是对象的行...
    步积阅读 1,127评论 0 1