位置: 编程技术 - 正文
学习JavaScript设计模式之状态模式(javascript学习指南)
编辑：rootadmin推荐整理分享学习JavaScript设计模式之状态模式(javascript学习指南)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascript设计,javascript怎么学,javascript简明教程,javascript如何学,javascript程序设计教程,javascript教程chm,javascript设计,javascript教程 csdn,内容如对您有帮助，希望把文章链接给更多的朋友！
状态模式的关键是区分事物内部的状态，事物内部状态的改变往往会带来事物的行为改变。
当电灯开着，此时按下开关，电灯会切换到关闭状态；再按一次开关，电灯又将被打开。同一个开关在不同的状态下，表现出来的行为是不一样的。
一、有限状态机
状态总数（state）是有限的。 任一时刻，只处在一种状态之中。 某种条件下，会从一种状态转变（transition）到另一种状态。允许一个对象在其内部状态改变时改变它的行为，对象看起来似乎修改了它的类。 解释： （1）将状态封装成独立的类，并将请求委托给当前的状态对象，当对象的内部状态发生改变时，会带来不同的行为变化。 （2）使用的对象，在不同的状态下具有截然不同的行为（委托效果）
谈到封装，一般优先考虑封装对象的行为，而不是对象的状态。 但在状态模式中刚好相反，状态模式的关键是把事物的每种状态都封装成单独的类。
二、示例
点灯程序 （弱光 ?> 强光 ?> 关灯）循环
PS：说明补充 必须把OffLightState、WeakLightState、StrongLightState构造函数提前。
函数声明会被提升到普通变量之前。
三、性能优化点
（1）如何管理状态对象的创建和销毁？ 第一种仅当state对象被需要时才创建并随后销毁（state对象比较庞大，优先选择）， 另一种是一开始就创建好所有的状态对象，并且始终不销毁它们（状态改变频繁）。 （2）利用享元模式共享一个state对象。
四、JavaScript版本的状态机
（1）通过Function.prototype.call方法直接把请求委托给某个字面量对象来执行
（2）利用delegate函数
希望本文所述对大家学习javascript程序设计有所帮助。
WordPress中利用AJAX异步获取评论用户头像的方法 在评论者输入邮箱后，异步获得评论者的头像并显示出来，个人感觉这个功能虽不能给用户体验带来多大的提升，也不算是一个实用的功能，但至少很
bootstrap-treeview自定义双击事件实现方法 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于TwitterBootstrap，以简单和优雅的方式来显示一些继承树结构，如视
JavaScript电子时钟倒计时 本文实例讲解了JavaScript电子时钟倒计时的详细代码，分享给大家供大家参考，具体内容如下JavaScript时间类1、获取时分秒：getHours()getMinutes();getSeconds();2
标签: javascript学习指南
本文链接地址:https://www.jiuchutong.com/biancheng/384674.html 转载请保留说明！上一篇：js实现对ajax请求面向对象的封装(js的ajax请求写法)
下一篇：WordPress中利用AJAX异步获取评论用户头像的方法(如何使用wordpress)
](https://www.jiuchutong.com/image/20240129/1706507439.jpg)