这篇文章主要介绍“JavaScript策略模式如何实现”，在日常操作中，相信很多人在JavaScript策略模式如何实现问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JavaScript策略模式如何实现”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！策略模式：定义了一系列家族算法，并对每一种算法单独封装起来，让算法之间可以相互替换，独立于使用算法的客户。
通常我并不会记得“牛顿***定律”的具体内容，所以我也难保证我会对这个定义记得多久……用FE经常见到的东西来举个例子说明一下：我们在对元素设置动画的缓动效果，实际就是策略模式的一种实现。这样的缓动算法跟我们使用Jquery的人来说没有直接关系，假如我的项目中某个动 画需要一种新的算法效果，那么我们再去开发一个插件就好了。反之，如果Jquery没有提供这样一种插件机制，那针对需求变化难不成要去改动Jquery 的源码吗？在《大话设计模式》一书中，作者举例的是一个商场的收银系统，在实际操作中，商場可能因为“双11买一送一”、“满500立减50”、“中秋节全场 11折”等活动而对最终的收费产生变化。如果哪一天商场突然倒闭，全场两元，这时候我们仅需要给软件系统增加一个所有商品价格变两元的插件算法（类）即 可。我先来模拟一下策略模式的基本代码形态：通常来说，具体的某一种算法必须保证实现了某一些接口或者继承某个抽象类，才不会发生类型错误，在javascript中去实现接口、抽象类、继承等特性要费一些周章，所以我这个例子是不严谨的，仅从最简单的实现方式着手。具体实现一个商场收银系统：包括一个单独js文件，和一个具体的实现html文件HTML部分：最开始我对商品单价、数量、计算方式仅提供一个可操作的地方，这也是《大话设计模式》一书中产品的基本形态，考虑到更良好交互性，我增加了一个按 钮，可以增加更多行。这带来的一点小问题就是：起初我只需要为几个元素绑定事件即可，现在要对可能产生的更多元素绑定事件，所以我就选择了“事件代理”， 获得发生事件的元素位置，改变同一行中的相应元素的值，对于总价，则总是遍历所有的单行总价相加。BTW，在获取元素的时候使用了getElementsByClassName而没有使用querySelectorAll，是因为后者获取的不是一个动态集合。接着我尝试将昨天学习的观察者设计模式与策略模式混合起来，起初我是这样做的….我在之前学习观察者模式的时候，仅仅是对DOM元素进行了发布者与订阅者的区分，却不知道也没有思考过数据、视图与控制器这种结构中的发布者与订阅 者区分，所以还是要多看看不同的案例。学习完这篇文章以后，我依葫芦画瓢对我这个“收银系统”也弄一下，但是我毕竟还没有学“组合模式”，所以我也不打算 再写一个Controller，仅仅是Model和View之间加入观察者模式。***的结果是这样的：在形成上面的最终结果途中，在对数据进行计算并且将结果传递给Model时，我用了会触发观察者模式更新内容的函数，从而导致在一次计算以后又更新 又计算又更新的***循环中，改为直接对Model中的数据进行操作就 香港云主机没事了。到此，关于“JavaScript策略模式如何实现”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注开发云网站，小编会继续努力为大家带来更多实用的文章！
本篇内容主要讲解“js中怎么用split方法截取字符串”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“js中怎么用split方法截取字符串”吧!1、split() 方法是一个字 香港云主机符串方法，可以将字符串切割为…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
