RicoyWang RicoyWang
首页
  • 前端
  • 资源
  • 感悟
  • 问答
  • 方法论
  • 管理
  • 数据结构算法
  • 计算机原理
  • 图形学
  • 个人体系

    • 个人体系总览
    • 框架
    • UI库
    • 工具
  • 技术栈

    • 前端开发总览
    • 后端端开发总览
    • 数据库总览
  • 领域

    • 数字孪生
    • 物联网
    • 数据中台
    • 技术中台
    • APASS
    • SASS
  • 管理

    • 个人管理
    • PMP
    • 团队管理
    • 项目管理
    • 情绪管理
  • 前端组件
  • 后端组件
  • 应用
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • 设计模式

    • 设计模式总览
  • 数据结构算法

    • JavaScript
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ricoy Wang

前端娱乐讲师
首页
  • 前端
  • 资源
  • 感悟
  • 问答
  • 方法论
  • 管理
  • 数据结构算法
  • 计算机原理
  • 图形学
  • 个人体系

    • 个人体系总览
    • 框架
    • UI库
    • 工具
  • 技术栈

    • 前端开发总览
    • 后端端开发总览
    • 数据库总览
  • 领域

    • 数字孪生
    • 物联网
    • 数据中台
    • 技术中台
    • APASS
    • SASS
  • 管理

    • 个人管理
    • PMP
    • 团队管理
    • 项目管理
    • 情绪管理
  • 前端组件
  • 后端组件
  • 应用
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • 设计模式

    • 设计模式总览
  • 数据结构算法

    • JavaScript
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • JavaScript文章

  • 学习笔记

  • 设计模式

    • 设计模式总览
    • 设计模式对比
    • 创建型模式类型:工厂系列
    • 结构模式类型:适配器模式
    • 结构型模式类型:代理模式--替别人把妹
    • 结构型模式类型:装饰者模式--AOP装饰
    • 行为模式类型:策略模式-状态模式
      • 没钱只能在有限的选择里进行选择
    • 行为模式类型:观察者模式-订阅发布模式
  • 前端
  • 设计模式
xugaoyi
2023-12-29
目录

行为模式类型:策略模式-状态模式

状态模式中类有状态,状态的修改会改变整个类行为。策略模式没有状态,策略的选择由客户端决定。具体的说,在客户端,可以通过给策略接口不同的实现类达到算法/业务的切换。而状态模式下,通过修改对象状态来切换算法/业务。看起来似乎也没差,但最明显的区别是,在状态模式中,对象可以在某些情况下切换自己的状态。

  • 策略模式
Class RichPerson {
  eat (food) {
    console.log(food.taste())
  }
}
Class Fish {
    taste () {
        retrun '味道不错'
    }
}
Class Earth {
    taste () {
        retrun '难以下咽'
    }
}
Class Water {
    taste () {
        retrun '没啥味道但能解渴'
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
let me = new RichPerson()
me.eat(new Fish())
me.eat(new Earth)
me.eat(new Wather)
1
2
3
4
1
2
3
4

#有钱可以任意选择想要吃的东西!

  • 状态模式
Class You {
  constructor () {
    this.food = null
  }
  changeFood (newFood) {
    this.food = newFood
  }
  eat (food) {
    console.log(food.taste())
  }
}
1
2
3
4
5
6
7
8
9
10
11
1
2
3
4
5
6
7
8
9
10
11
Class Water {
    taste () {
        retrun '白开水毫无味道'
    }
}
Class Earth {
    taste () {
        retrun '只能填肚子'
    }
}
let you = new You()
you.changeFood(new Fish())
you.eat()
you.changeFood(new Earth())
you.eat()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# 没钱只能在有限的选择里进行选择

  • 总结 策略模式有钱任性选择更多拓展性更强,状态模式选择固定封装度更高更加内敛。
编辑 (opens new window)
结构型模式类型:装饰者模式--AOP装饰
行为模式类型:观察者模式-订阅发布模式

← 结构型模式类型:装饰者模式--AOP装饰 行为模式类型:观察者模式-订阅发布模式→

最近更新
01
图形学
01-03
02
计算机原理
01-03
03
数据结构算法
01-03
更多文章>
Theme by Vdoing | Copyright © 2017-2025 RicoyWang | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式