js 面向对象设计模式

最新推荐文章于 2022-08-09 15:00:06 发布

weixin_42975115

最新推荐文章于 2022-08-09 15:00:06 发布

阅读量82

点赞数

分类专栏： js 面向对象设计模式

本文链接：https://blog.csdn.net/weixin_42975115/article/details/90727593

版权

js 同时被 3 个专栏收录

29 篇文章 0 订阅

订阅专栏

面向对象

24 篇文章 0 订阅

订阅专栏

设计模式

23 篇文章 0 订阅

订阅专栏

当一个对象的内部状态发生该改变时，会导致至行的改变，状态模式最终的母的及时简化分支判断流程

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>状态模式</title>
</head>
<body>
<!--<script>-->
    <!--let Revote = function () {-->
        <!--States = {-->
            <!--state0:function () {-->
                <!--console.log("状态一");-->
            <!--},-->
            <!--state1:function () {-->
                <!--console.log("状态二");-->
            <!--},-->
            <!--state2:function () {-->
                <!--console.log("状态三");-->
            <!--}-->
        <!--}-->
        <!--function show(obj) {-->
            <!--return States['state'+obj]&&States['state'+obj]();-->
        <!--}-->
        <!--return{-->
            <!--show:show-->
        <!--}-->
    <!--}();-->
    <!--Revote.show(1);-->
<!--</script>-->
<script>
    let Marry =function () {
        //定义一个静态变量存储动作
        let StateCurrent ={};
        //状态类
        let States = {
            jump:function () {
                //跳跃
                console.log("jump");
            },
            move:function () {
                //移动
                console.log('move');
            },
            shoot:function () {
                //射击
                console.log("shoot");
            },
            squat:function () {
                //蹲下
                console.log('squat');
            }
        }
        //动作类
        let Action ={
            //改变状态
            changeAction:function () {
                //组合动作通过传递多个参数的方法
                var arg = arguments;
                //重值状态对象动作
                StateCurrent ={};
                if(arg.length)
                    for (let i =0;i<arg.length;i++){
                        //添加动作到临时动作对象
                        StateCurrent[arg[i]]=true;
                    }
                return this;
            },
            go:function () {
                console.log('执行一次');
                //通过状态变量执行对对应的函数
                for (let i in StateCurrent){
                    States[i]&&States[i]();
                }
                return this;
            }
        }
        return {
            change:Action.changeAction,
            go:Action.go
        };
    }
    let marry = new Marry();
    marry.change("jump","shoot").go();

</script>
</body>
</html>

weixin_42975115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js 面向对象设计模式

当一个对象的内部状态发生该改变时，会导致至行的改变，状态模式最终的母的及时简化分支判断流程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>状态模式</title></head><body&gt...
复制链接

扫一扫