美文网首页
状态模式

状态模式

作者: 第三人称i | 来源:发表于2018-12-01 13:31 被阅读0次
        // 状态模式
        // 背景 : 假如说 项目需求 是根据不同的状态执行 不同的方法
        // 简单的状态模式:
        // 案例背景: 请求ajax后返回的state 有200 有 404 有 500  有 0 有 1 .....
        let AjaxState = function(){
            // 定义所有状态函数
            let 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
            }
        }
        // 调用 简单状态模式
        let a = new AjaxState();
        a.show(1);

        // 状态模式 最高级优化
        // 背景: 处理多种 参数
        // 状态模式函数封装
        // 案例背景: 制作游戏  人: 移动、跳跃、射击、蹲下
        let MarryState = function(){
            // 内部状态私有变量
            let _currentState = {};
            // 所有动作的方法映射
            let states = {
                jump : function (){  // 跳跃
                    console.log('执行跳跃');
                },
                move : function (){  // 移动
                    console.log('执行移动');
                },
                shoot : function (){ // 射击
                    console.log('执行射击');
                },
                squat : function(){ // 蹲下
                    console.log('执行蹲下');
                }
            }
            // 内部状态执行函数
            let Action = {
                changeState : function (){
                    let arg = arguments;
                    // 重置内部状态
                    _currentState = {};
                    if(arg.length){
                        for(let i = 0; i < arg.length; i++){
                            _currentState[arg[i]] = true;
                        }
                    }
                    // 可以 函数接函数 实现 ‘.’ (点)语法链接函数
                    return this;
                },
                goes : function (){
                    console.log('触发函数');
                    for (let i in _currentState){
                        states[i] && states[i]();
                    }
                    return this;
                }
            }
            // 暴露接口
            return {
                change : Action.changeState,
                goes : Action.goes
            }
        }
        // 使用类
        let b = new MarryState();
        b.change('jump','move').goes().change('squat').goes()

相关文章

  • State模式

    状态模式(State模式) 定义 状态模式,又称状态对象模式(Pattern of Objects for S...

  • 设计模式-状态模式

    设计模式-状态模式 设计模式 状态模式的关键是区分事物内部的状态

  • 状态模式(状态机模式)

    状态模式学习笔记 前言:文章从三方面简单阐述状态模式:是什么、为什么、如何做。这是我在工作之余自己的一些理解、思考...

  • C++设计模式(3)

    本文预览: 状态模式 组合模式 迭代器 职责链 命令 状态模式 定义:状态模式(State Pattern),允许...

  • 设计模式——状态模式

    定义 状态模式,又称状态对象模式(Pattern of Objects for States),状态模式是对象的行...

  • 第5章 -行为型模式-状态模式

    一、状态模式的简介 二、状态模式的优缺点 三、状态模式的实例

  • 状态模式

    Android进阶之设计模式 状态模式 定义: 当一个对象的内在状态改变时允许改变其行为,这个对象看起来像是改变了...

  • 状态模式

    状态模式:允许对象在内部状态改变时改变它的行为,对象看起来好像修改了它的类。允许对象随着状态改变而改变行为。 策略...

  • 状态模式

    《大话设计模式》阅读笔记和总结。原书是C#编写的,本人用Java实现了一遍,包括每种设计模式的UML图实现和示例代...

  • 状态模式

    状态模式 一个对象有状态变化 每次状态变化都会触发一个逻辑 不能总是用 if...else 来控制 示例 交通灯信...

网友评论

      本文标题:状态模式

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