位置: 编程技术 - 正文

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)

  • 内账收入按实际收到确认吗
  • 深圳增值税普通发票查询真伪
  • 一般纳税人要做价税分离吗
  • 企业的日常经营活动主要包括哪三个经营过程
  • 增值税怎么纳税比率
  • 税务机关如何防范关联企业涉税风险问题
  • 提取资本公积会计凭证
  • 应付账款 暂估
  • 旅行社差额征收怎么做账
  • 支付结算办法主要内容
  • 材料暂估价比例
  • 小规模增值税普通发票税率
  • 出租房屋的房产税怎么算
  • 2019年水利部
  • 借款利息不能抵扣进项税
  • 境外个人所得税计算
  • 工程完工财务要做些什么
  • 营改增劳务费增值税率
  • 固态硬盘坏了的话是整个坏吗
  • 房产税存在往期未申报信息怎么处理
  • cpu主频在哪看
  • 耕地占用补贴标准
  • 委托代销商品税法规定
  • 销售不动产分期收款怎么确认收入
  • 真三国在哪下载
  • PHP:imagecreatefromgd()的用法_GD库图像处理函数
  • 转出未交增值税借方余额表示什么
  • framework教程
  • 计算所得税不得扣除的税金
  • 服务费可以暂估成本吗
  • 微信小程序怎么制作自己的小程序
  • 若依框架用到的技术
  • dpkg -s命令
  • phptime函数
  • vi操作命令进入编辑命令
  • 非事业单位企业退休年龄
  • 施工水电费账务处理流程
  • 工会经费缴纳后会返还吗
  • phpcms默认密码
  • 费用科目分别有什么
  • 中国源码亲测网
  • 普票不能抵扣要他干嘛
  • 企业收到国债专项资金怎么记账
  • 小规模交社保有人数限制吗
  • 纳税申报人的对象是哪些
  • 交易性金融资产公允价值变动怎么算
  • 应交税费属于什么科目借方
  • 银行利息回单怎么报账审核
  • 公司名下没有车可以办油卡吗
  • 长期借款工程验收会计分录怎么做
  • 购买电脑配件组件怎么选
  • 购方收到红字发票怎么开
  • 销项税小于进项税是亏本吗
  • 利润所属科目
  • sql server在表里查找具体数据
  • Linux环境下mysql5.7.13安装教程
  • ubuntu20.04怎么用
  • ubuntu16.04开启远程桌面
  • Win10 Mobile 10572怎么更新升级? 需回滚到WP 8.1
  • 格式化快速格式化好吗
  • win10时间不见了怎么办
  • win10系统怎么卸载ie浏览器
  • 深入浅出android开发
  • 20150405农历
  • jQuery Easyui datagrid连续发送两次请求问题
  • ssm vue
  • php删除代码
  • vue switch组件
  • node.js的安装方法
  • python数字运算规则
  • javascript的主要用途
  • javascript操作网页
  • 国家税务局福建省电子税务
  • 哈尔滨二手房交易流程
  • 小规模纳税人增值税优惠政策2024
  • 定额发票增值税怎么申报
  • 淄博新农合怎么网上缴费
  • 吉林省电子税务局官网
  • 中国地税发展现状
  • 上海税务怎么样
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设