位置: 编程技术 - 正文

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)

  • 购买方收取的违约金怎么入账
  • 个人所得税一般多久能退下来
  • 增值税普通发票需要交税吗
  • 小型中央空调机
  • 个税app显示已离职是什么原因
  • 职工工资保险费账务处理怎么做?
  • 销项负数发票用勾选吗
  • 企业购进材料的会计分录
  • 公司将固定资产卖出,要交什么税
  • 实收资本印花税是一年一交吗
  • 实收资本与账簿不一致
  • 投资收益如何做账
  • 什么是应交税费应交增值税科目设置的贷方明细科目
  • 电子银行承兑汇票有风险吗
  • 案例分析个人心得体会
  • 机票保险可以报销入账吗
  • 未抵扣完的进项税计入待抵扣
  • 软件企业超税负率怎么算
  • 采购开票税率
  • 应收账款未计提坏账,但是确实收不回来
  • 融资性售后回租承租方为什么不交税
  • 如何激活windows11专业版?
  • qqprotect.exe是什么进程?怎么结束此进程?
  • 福利费用会计分录
  • spss安装后无法启动,并行配置不正确
  • 生育津贴申请表打印
  • 无形资产摊销的会计科目怎么录
  • php数组函数,选班长
  • 无序树有几种
  • 税法规定哪些支出不得扣除
  • php pack
  • 莱达尔湖, 英格兰坎布里亚郡湖区 (© Tranquillian1/iStock/Getty Images Plus)
  • 关于固定资产管理
  • 老生常谈php中传统验证与thinkphp框架(必看篇)
  • ChatGPT会让6个低端岗位失业
  • open api平台
  • 怎么用switch语句
  • 提取现金准备发放工资
  • 转让旧机器的会计分录
  • 研发失败的费用允许加计扣除吗
  • 织梦cms不更新了吗
  • python filter dict
  • 润滑脂开票属于哪一类
  • 汇票没到期如何兑现
  • 个体户查账征收个人所得税税率
  • 行政事业单位职工工伤有哪些待遇
  • 经营性应收项目的减少调增 为什么是减
  • 企业哪些行为是违法的
  • 刚开的小公司怎么报税
  • 5万元买二手车什么品牌比较好
  • 冲红发票如何做账务处理
  • 固定资产的折旧方法有哪些
  • 广告业和一般服务性行业有何异同?
  • 交易性金融资产的账务处理
  • 工程安装公司注册条件
  • 小规模纳税人销售自己使用过固定资产
  • 选用劳务派遣人员
  • 减免增值税记账
  • 汇算清缴交通费填在办公费里面吗
  • 承兑汇票可以买卖吗?
  • 本年利润借方余额需要结转吗
  • 设置账本应当遵循哪些原则
  • mysql 5.7.18 winx64 免安装 配置方法
  • win8更新8.1
  • WINDOWS操作系统支持的文件系统主要有三种类型
  • win10 sp3
  • mac应用程序安装失败
  • win7如何变快
  • jquery的事件处理
  • 网页制作css样式
  • js怎么检查错误
  • shell常用命令及示例
  • webuploader.create
  • jquery日期插件
  • javascript document.execCommand() 常用解析
  • java script语言
  • 地税税务稽查管理办法
  • 浙江省网上税务局申报
  • 广州地税局官网办事点
  • 广西纳税申报流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设