位置: 编程技术 - 正文

深入理解JavaScript系列(43):设计模式之状态模式详解(深入理解新发展理念,推进供给侧结构性改革)

编辑:rootadmin

推荐整理分享深入理解JavaScript系列(43):设计模式之状态模式详解(深入理解新发展理念,推进供给侧结构性改革),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:深入理解ffmpeg pdf,深入理解中国式现代化,深入理解新发展理念,推进供给侧结构性改革,深入理解中国式现代化,深入理解新发展理念,深入理解javascript,深入理解计算机系统,深入理解javascript特性,内容如对您有帮助,希望把文章链接给更多的朋友!

介绍

状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类。

正文

举个例子,就比如我们平时在下载东西,通常就会有好几个状态,比如准备状态(ReadyState)、下载状态(DownloadingState)、暂停状态(DownloadPausedState)、下载完毕状态(DownloadedState)、失败状态(DownloadFailedState),也就是说在每个状态都只可以做当前状态才可以做的事情,而不能做其它状态能做的事儿。

由于State模式描述了下载(Download)如何在每一种状态下表现出不同的行为。这一模式的关键思想就是引入了一个叫做State的抽象类(或JS里的函数)来表示下载状态,State函数(作为原型)为每个状态的子类(继承函数)声明了一些公共接口。其每个继承函数实现与特定状态相关的行为,比如DownloadingState和DownloadedState分别实现了正在下载和下载完毕的行为。这些行为可以通过Download来来维护。

让我们来实现一把,首先定义作为其他基础函数的原型的State函数:我们为State的原型定义了4个方法接口,分别对应着下载(download)、暂停(pause)、失败(fail)、结束(finish)以便子函数可以重写。

在编写子函数之前,我们先来编写一个ReadyState函数,以便可以将状态传递给第一个download状态:

该函数接收了一个Download维护函数的实例作为参数,Download函数用于控制状态的改变和获取(类似于中央控制器,让外部调用),ReadyState重写了原型的download方法,以便开始进行下载。我们继续来看Download函数的主要功能:

深入理解JavaScript系列(43):设计模式之状态模式详解(深入理解新发展理念,推进供给侧结构性改革)

Download函数的原型提供了8个方法,4个是对用于下载状态的操作行为,另外4个是用于获取当前四个不同的状态,这4个方法都接收this作为参数,也就是将Download实例自身作为一个参数传递给处理该请求的状态对象(ReadyState 以及后面要实现的继承函数),这使得状态对象比必要的时候可以访问oDownlaod。

接下来,继续定义4个相关状态的函数:

DownloadingState的主要注意事项就是已经正在下载的文件,不能再次开始下载了,其它的状态都可以连续进行。DownloadPausedState函数里要注意的是,已经暂停的下载,不能再次暂停。

DownloadedState函数,同理成功下载以后,不能再设置finish了,只能设置重新下载状态。同理,DownloadFailedState函数的失败状态,也不能再次失败,但可以和finished以后再次尝试重新下载。

调用测试代码,就非常简单了,我们在HTML里演示吧,首先是要了jquery,然后有3个按钮分别代表:开始下载、暂停、重新下载。(注意在Firefox里用firebug查看结果,因为用了 console.log方法)。

总结

状态模式的使用场景也特别明确,有如下两点:

1.一个对象的行为取决于它的状态,并且它必须在运行时刻根据状态改变它的行为。2.一个操作中含有大量的分支语句,而且这些分支语句依赖于该对象的状态。状态通常为一个或多个枚举常量的表示。

深入理解JavaScript系列():设计模式之原型模式详解 介绍原型模式(prototype)是指用原型实例指向创建对象的种类,并且通过拷贝这些原型创建新的对象。正文对于原型模式,我们可以利用JavaScript特有的

深入探讨javascript中的数据类型 学一门编程语言,无非两方面:一是语法,二是数据类型。类C语言的语法不外乎if、while、for、函数、算术运算等,面向对象的语言再加上object。语法只

深入理解JavaScript系列():Function模式(上篇) 介绍本篇主要是介绍Function方面使用的一些技巧(上篇),利用Function特性可以编写出很多非常有意思的代码,本篇主要包括:回调模式、配置对象、返

标签: 深入理解新发展理念,推进供给侧结构性改革

本文链接地址:https://www.jiuchutong.com/biancheng/382870.html 转载请保留说明!

上一篇:深入理解JavaScript系列(44):设计模式之桥接模式详解(深入理解javascript特性)

下一篇:深入理解JavaScript系列(42):设计模式之原型模式详解(深入理解javascript特性.pdf)

  • ddp进口清关怎么交税
  • 递延所得税负债大白话解释
  • 个税返还手续费奖励员工账务处理
  • 信息采集需要填两个家庭成员,但只能有一个监护人
  • 2021年专项附加扣除必须要确认吗
  • 对外支付代扣代缴增值税
  • 开票个人账户的钱怎么查
  • 收到社保中心的生育经贴怎么做账
  • 暂估入账估低了怎么办
  • 商场交的房租押金可以退吗
  • 固定资产交换的账务处理
  • 金蝶财务软件如何打印凭证
  • 因质量出问题的事件
  • 损益表和利润表的关系
  • 物业公司代收电费会计分录
  • 房屋抵债如何确定契税计税依据?
  • 收入冲正
  • 购进原材料影响营业利润吗
  • 计算应纳税所得额时可以扣除的项目有
  • 冲销暂估入库的会计分录
  • 银行回单如何做凭证
  • windows11我的电脑怎么放到桌面
  • 期末增值税进项税大于销项税的金额计入哪里
  • 外贸公司进出口权办理流程
  • 缴纳税款滞纳金计算方式
  • Win11 Build 22449.1000更新里哪些内容?Win11 Build 22449更新介绍与安装方法
  • 已付货款没有发票能做支出吗
  • coolmark是病毒吗
  • 权益法核算的长期股权投资入账价值
  • 工业企业采购部工作职责
  • 差额征税账务处理规定
  • form表单使用
  • laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
  • nlp工具箱
  • php和ajax用哪个调用数据
  • 累计摊销属于什么类科目
  • vue split函数
  • vue组件之间传值几种方法
  • php二维数组foreach
  • 国地税合并后工资仍然不一致
  • 未确认融资费用账务处理
  • 预收帐款
  • 扣非净利润为什么比净利润高
  • mysql 查找语句
  • 日常费用报销表格
  • 金税四期上线后对个人的影响
  • 税务登记证证书编号是什么
  • 记账凭证核算处理方法
  • 银行承兑个人可以用吗
  • 服装厂做的都是什么产品
  • 从货款中扣除罚款的分录怎么写
  • 用于研发的材料如何入账
  • 银行承兑汇票怎么做账务处理
  • mysql中/g
  • mysql5.5安装配置教程
  • centos7阿里云yum源
  • win10怎么运行安卓软件
  • 在linux操作系统中
  • xp系统怎么打开开机启动项
  • 如何输入密钥上网
  • linux doc
  • linux的含义
  • win10怎么升级到2020
  • windows wps
  • linux支持哪些类型的设备
  • javascript的canvas
  • perl读取文件内容到数组
  • unity3D游戏开发
  • JAVA的OPENGL,JOGL入门实例----不断变色的点阵 (源代码)
  • opengl详解
  • js动态改变div内容
  • 批处理copy合并文件
  • 欢迎使用来电提醒业务是什么意思
  • 谈谈对人才是第一资源的理解
  • jquery事件委托原理
  • 使用jQuery Rotare实现微信大转盘抽奖功能
  • 动态表单的设计与实现
  • 浙江银行上班时间查询
  • 按照5%的征收率减按1.5%
  • 企业收到上一年增值税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设