在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段,将各个strip归位到动画效果开始的位置 ...
在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。
接下来就要完成各个切换效果的编写。
先思考一下一个切换效果需要完成的操作
1.准备阶段,将各个strip归位到动画效果开始的位置。
2.动画效果处理。
3.执行。
3.完成。
所有的切换效果都具备上述3步操作。
既然这样就好抽象了。
可以对上述的操作进行单独定义,然后通过模板方法模式对各个操作进行调用。
所谓的模板方法模式,其实就是有这么一个方法完成一个业务流程的处理,在这个业务流程中的某些个细节则交个子对象去处理。就好比组装汽车的流水线就是一个模板,它规定了组装的流程,但是工人是跳着装,还是走着装,还是拿个设备辅助着装那就是安装者的事儿了。
按照模板方法模式编写一个基本效果对象。
var baseEffect = { prepare: function (context) { throw new Error('请重写prepare方法'); }, transform: function (context) { throw new Error('请重写transform方法'); }, execute: function (context) { this.prepare(context); return this.transform(context); } };
原标题:javascript设计模式实践之模板方法
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。