位置: 编程技术 - 正文

javascript与有限状态机详解(js有while吗)

编辑:rootadmin

简单说,它有三个特征:

它对JavaScript的意义在于,很多对象可以写成有限状态机。

举例来说,网页上有一个菜单元素。鼠标悬停的时候,菜单显示;鼠标移开的时候,菜单隐藏。如果使用有限状态机描述,就是这个菜单只有两种状态(显示和隐藏),鼠标会引发状态转变。

代码可以写成下面这样:

可以看到,有限状态机的写法,逻辑清晰,表达力强,有利于封装事件。一个对象的状态越多、发生的事件越多,就越适合采用有限状态机的写法。

另外,JavaScript语言是一种异步操作特别多的语言,常用的解决方法是指定回调函数,但这样会造成代码结构混乱、难以测试和除错等问题。有限状态机提供了更好的办法:把异步操作与对象的状态改变挂钩,当异步操作结束的时候,发生相应的状态改变,由此再触发其他操作。这要比回调函数、事件监听、发布/订阅等解决方案,在逻辑上更合理,更易于降低代码的复杂度。

下面介绍一个有限状态机的函数库Javascript Finite State Machine。这个库非常好懂,可以帮助我们加深理解,而且功能一点都不弱。

该库提供一个全局对象StateMachine,使用该对象的create方法,可以生成有限状态机的实例。

生成的时候,需要提供一个参数对象,用来描述实例的性质。比如,交通信号灯(红绿灯)可以这样描述:

交通信号灯的初始状态(initial)为green,events属性是触发状态改变的各种事件,比如warn事件使得green状态变成yellow状态,stop事件使得yellow状态变成red状态等等。

生成实例以后,就可以随时查询当前状态。

Javascript Finite State Machine允许为每个事件指定两个回调函数,以warn事件为例:

同时,它也允许为每个状态指定两个回调函数,以green状态为例:

假定warn事件使得状态从green变为yellow,上面四类回调函数的发生顺序如下:onbeforewarn → onleavegreen → onenteryellow → onafterwarn。

除了为每个事件和状态单独指定回调函数,还可以为所有的事件和状态指定通用的回调函数。

如果事件的回调函数里面有异步操作(比如与服务器进行Ajax通信),这时我们可能希望等到异步操作结束,再发生状态改变。这就要用到transition方法。

上面代码的回调函数里面,有一个异步操作(light.fadeOut)。如果不希望状态立即改变,就要让回调函数返回一个StateMachine.ASYNC对象,表示状态暂时不改变;等到异步操作结束,再调用transition方法,使得状态发生改变。

Javascript Finite State Machine还允许指定错误处理函数,当发生了当前状态不可能发生的事件时自动触发。

比如,当前状态是green,理论上这时只可能发生warn事件。要是这时发生了stop事件,就会触发上面的错误处理函数。

推荐整理分享javascript与有限状态机详解(js有while吗),希望有所帮助,仅作参考,欢迎阅读内容。

javascript与有限状态机详解(js有while吗)

文章相关热门搜索词:javascript有啥用,javascript 与运算,javascript有啥用,javascript有类吗,js有while吗,js有while吗,javascript的区别,javascript有类吗,内容如对您有帮助,希望把文章链接给更多的朋友!

javascript操作excel生成报表示例 htmlheadscriptlanguage="javascript"type="text/javascript"functionMakeExcel(){vari,j;try{varxls=newActiveXObject("Excel.Application");}catch(e){alert("要打印该表,您必须安装Excel电子表格

js数组操作常用方法 在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多。今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象

js的Prototype属性解释及常用方法 函数:原型每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译,使用其原文)。这个属性非常有用:为一个特定类声明通用的变量或者函数

标签: js有while吗

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

上一篇:ajax提交表单实现网页无刷新注册示例(ajaxfrom表单提交)

下一篇:javascript操作excel生成报表示例(js 操作excel)

  • 进口货物增值税纳税人是谁
  • 金税三期是什么时候投入使用的
  • 收到货款会计分录怎么做
  • 物业收电费有问题找谁解决
  • 填写了领款单还要填报销单吗
  • 公帐的钱可以转给个人私帐可以吗
  • 土地使用权契税入账会计分录
  • 公司改名之前发工资吗
  • 外购入库暂估补差单怎么去除
  • 利润表中第3栏营业税金及附加等于什么
  • 项目现金流量的构成
  • 材料的销售成本计算公式
  • 员工销售家具取得的工资怎么写分录?
  • 摊销商标使用权的会计科目
  • 收到技术服务费计入什么科目
  • 税收成本如何影响税收管理制度
  • 地税开发票为啥要交百分之二的企业所得税?
  • 增值税发票查询
  • 核定征收金额如何确定
  • 土地计入无形资产包括的税费
  • 购金蝶软件记什么科目
  • 融资租赁固定资产折旧
  • 哪些收入应计入成本
  • 发票认证后还要做什么
  • 新开的公司会计需要做什么
  • 借贷记账法的记账规则是
  • 应付短期租入固定资产的租金计入什么科目
  • windows11下载后怎么安装
  • 收入税金账务处理
  • 快启动u盘怎么打开
  • php生成文件流
  • 公司过户费用怎么入账
  • cpu的保养有哪些
  • 研究院经营范围怎么写
  • 虚拟机是什么意思
  • 斋普尔的景点
  • 委托银行贷款利息收入
  • 从零开始作者
  • 行政事业单位其他应收款核销分录
  • 个体工商户可以给自己交社保吗
  • 企业产值用什么符号表示
  • 无追索权有哪些类型
  • 销售产品收到现金的会计分录
  • 浏览器加域名
  • 样品属于存货吗
  • 应收保费核算什么业务
  • PostgreSQL教程(八):索引详解
  • 使用mysql的disctinct group by查询不重复记录
  • 工程项目辅材占比
  • 非居民企业的所得一律适用20%的企业所得税税率
  • 跨年发票账务处理怎么做
  • 电子承兑到期怎么收款
  • 利息收入的会计科目
  • 道路交通事故中施救费应如何处理?
  • 预收账款科目账龄怎么算
  • 关于园林绿化经济的论文
  • 汽车4s店费用预算
  • 股东向公司借款协议
  • sql server的基本概念
  • win2003和xp一样吗
  • Windows7设置默认打印机
  • mac设置outlook默认邮箱
  • mac不同账户如何共享文件
  • 如何安装QQ软件
  • win8.1屏幕键盘
  • win7怎么打开u盘里的的另一个U盘
  • linux系统的
  • bootstrap怎么用
  • cocos游戏开发教程
  • android app 框架
  • 怎么设置网页就用指定浏览器
  • JS中setTimeout的巧妙用法前端函数节流
  • unity sp
  • javascript要怎么学
  • unity导入设置在哪里
  • 国家税务总局青海省税务局
  • 所得税季度报表收入成本怎么填
  • 回迁房子契税怎么算
  • 税务清查工作总结
  • 如何下载电子国税app
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设