smartJS 0.1 API 讲解 - Trigger
上篇介绍了PromiseEvent,本篇介绍Trigger - 基于Promise的aop的体现;(感觉自己的对这些命名一直都很挫,也懒得想了,所以就凑合的用)
Trigger
在目标对象上加入触发器功能,目标对象的方法就会具有方法注入功能,注入的方式有before(前置执行),after(后置执行)和round(环绕),另外还有一个exception模式,因为异常处理的模块还没完成,暂时先空缺。
接口方法
st.attachTrigger(target, mode, fnInterface); //后置注入方法
target.on(name, trName, fn, priority, eventMode)
//前置置注入方法
target.onBefore(name, trName, fn, priority, eventMode)
//方法环绕
target.onRound(name, trName, fn)
//删除注入方法
target.off(name, trName)
//删除前置注入方法
target.offBefore(name, trName)
//替换目标对象的原始方法
target.extend(prop)
参数讲解
target : 目标对象;
mode:回调模式,同promisEvent的mode设置
iFace :自定义接口方法;在使用attachTrigger方法后,会在target上附加一些控制方法,为了避免重名和控制对外的方法,使用iFace来自定义
使用了attachTrigger后,会在target上附加上注入控制的方法,on,onBefore等
name :需要注入的target的方法名
trName : 加入触发回调名称
fn:注入方法,方法参数同PrmiseEvent的回调参数
priority :权重设置,同PrmiseEvent ;
eventMode :加入的事件模式,同PrmiseEvent
需要注意的是on和onBefore注入的方法接口是fn(e,arg,...)
e同PromiseEvent参数设置,唯一不同的是有两个新加入的控制:
e.preventDefault 阻止默认的方法,即target的原始方法; 但不会影响回调事件的
e.stop() 停止方法执行,无论是原始方法还是回调;
而onRound的是fn(originalFn,arg,..),环绕和前后置不冲突
originalFn : 需要环绕的方法;
使用样例
前后置
var result = [];
var obj = {
test: function(name) {
result.push(name);
}
}; //加入触发器
st.attachTrigger(obj); //加入前置方法
obj.onBefore("test", "addBefore", function(d, name) {
result.push('before-' + name)
}); //加入后置方法
obj.on("test", "addAfter", function(d, name) {
result.push('after-' + name)
}); //执行,结果"before-bind,bind,after-bind"
obj.test('bind');
自定义接口iFace
var obj1 = st.attachTrigger({
test: function(name) {
result.push(name);
}
}, {
//屏蔽后置方法on
on: null,
//将前置方法onBefore设置为bind
onBefore: "bind"
}) obj1.bind("test", "addBefore", function(d, name) {
result.push('before-' + name);
});
方法环绕
var obj3 = st.attachTrigger({
test: function(name) {
result.push(name);
}
}); obj3.onRound("test", "roundTest", function(fn, name) {
result.push('before');
fn(name);
result.push('after');
}); obj3.test('round'); expect(result.join(',')).toBe("before,round,after");
promise控制
在前置和后置中都是通过promiseEvent的事件参数做promise控制,但在原始方法中,为了避免干预原始方法带来的混乱,则没有加入事件参数,而是通过使用JQuery的deffered来做控制
var obj = st.attachTrigger({
test: function(name) {
//原始方法中使用jquery的deferred
var d = $.Deferred();
setTimeout(function() {
result.push(name);
d.resolve();
}, 100);
return d.promise();
}
}); obj.onBefore('test', 'testBefore', function(d, name) {
setTimeout(function() {
result.push(name + '-before');
d.resolve();
}, 100);
return d.promise();
}) obj.on('test', 'testAfter', function(d, name) {
setTimeout(function() {
result.push(name + '-after');
d.resolve();
}, 100);
return d.promise();
}) $.when(obj.test('call')).done(function() {
expect(result.join(',')).toBe('call-before,call,call-after');
})
结果传递
var obj = st.attachTrigger({
//promise参数传递
test: function(name) {
var d = $.Deferred();
setTimeout(function() {
d.resolve(name + '-base');
}, 100);
return d.promise();
},
//return 结果传递
testReturn: function(name) {
return name + "-base"
}
}); obj.on('test', 'testAfter', function(d, name) {
setTimeout(function() {
d.resolve(d.result + '-after');
}, 100);
return d.promise();
}) obj.on('testReturn', 'testAfter', function(d, name) {
setTimeout(function() {
d.resolve(d.result + '-after');
}, 100);
return d.promise();
}) $.when(obj.test('call')).done(function(data) {
expect(data).toBe('call-base-after');
}); $.when(obj.testReturn('call2')).done(function(data) {
expect(data).toBe('call2-base-after');
});
stop控制
var obj = st.attachTrigger({
test: function(name) {
result.push(name);
}
}); obj.onBefore('test', 'testBefore', function(d, name) {
//停止后续的执行
d.stop();
result.push(name + '-before1');
}) obj.onBefore('test', 'testAfter', function(d, name) {
result.push(name + '-before2');
}) obj.on('test', 'testBefore2', function(d, name) {
result.push(name + '-after');
}) obj.test('call');
expect(result.join(',')).toBe('call-before1');
stopPropagation和preventDefault控制
var obj = st.attachTrigger({
test: function(name) {
result.push(name);
}
}); obj.onBefore('test', 'testBefore', function(d, name) {
result.push(name + '-before1');
//stopPropagation阻止before的回调,preventDefault阻止默认方法
d.stopPropagation().preventDefault();
}) obj.onBefore('test', 'testAfter', function(d, name) {
result.push(name + '-before2');
}) obj.on('test', 'testBefore2', function(d, name) {
result.push(name + '-after');
}) obj.test('call');
//最终输出第一个before回调和后置回调
expect(result.join(',')).toBe('call-before1,call-after');
更多的例子请参考smartjs上的测试用例
smartJS 0.1 API 讲解 - Trigger的更多相关文章
- smartJS 0.1 API 讲解 - FlowController
本篇介绍0.1版中最后一个特性,FlowController:同时也对第一版总结一下,因为近两年全部都是在搞前端,都是做一些js框架类的东西,也做了不少有意思的功能,做smartjs对我来说一个是对自 ...
- smartJS 0.1 API 讲解 - PromiseEvent
上篇简单的介绍smartjs了一些通用方法的api.这篇介绍基础的PromiseEvent(这个名字一直没想好,以前准备用callbacks的,但避免与jquery混淆,st的命名空间可以直接挂到$上 ...
- smartjs 0.2 OOP讲解 - Klass 类继承
SmartJS2.0加入OOP的功能.OOP包括klass与factory两个对象. Klass 类继承 与其他的类继承相比,smartjs使用了执行指针的概念(后面例子中会介绍),另外提供base基 ...
- smartjs 0.2 OOP讲解 - factory
本篇介绍OOP的第二个对象factory.在以往项目中其实真正使用klass的地方相当少,而factory则是十分常见的. 在smartjs中的factory并不是指的是工厂模式.在factory要求 ...
- smartjs 0.2发布 - 新增oop模块&AOP增强
SmartJS2.0发布,更新内容如下: 新增oop(klass,factory)模块: promiseEvent加入非阻塞模式noBlock: trigger加入属性监听; smartjs主模块优化 ...
- 【jquery】 API讲解 内部培训资料
资料在百度云盘 一.jquery API讲解 1.jquery api如何使用 jquery api http://www.hemin.cn/jq/ 2.常用api讲解 选择器: 通过$()获取 ...
- AFNetworking 2.0 新特性讲解之AFHTTPSessionManager
AFNetworking 2.0 新特性讲解之AFHTTPSessionManager (2014-02-17 11:56:24) 转载▼ AFNetworking 2.0 相比1.0 API ...
- Spark 下操作 HBase(1.0.0 新 API)
hbase1.0.0版本提供了一些让人激动的功能,并且,在不牺牲稳定性的前提下,引入了新的API.虽然 1.0.0 兼容旧版本的 API,不过还是应该尽早地来熟悉下新版API.并且了解下如何与当下正红 ...
- ASP.NET CORE 1.0 MVC API 文档用 SWASHBUCKLE SWAGGER实现
from:https://damienbod.com/2015/12/13/asp-net-5-mvc-6-api-documentation-using-swagger/ 代码生成工具: https ...
随机推荐
- 解复用-mpeg2
http://blog.csdn.net/yipie/article/details/7612226 数字高清晰度电视(High Definition Television)简称HDTV,是继黑白电视 ...
- vue - check-versions.js for semver
引入的是一个语义化版本文件的npm包,其实它就是用来控制版本的,详情见:https://www.npmjs.com/package/semver 用谷歌翻译npm文档 semver.valid('1. ...
- 【转】Spring的中IoC及AOP
1. Spring介绍 Spring是轻量级的J2EE应用程序框架.Spring的核心是个轻量级容器(container),实现了IoC(Inversion of Control)模式的容器,Spri ...
- python能够执行,但编译第三包遇到 python.h no such file or directory
python能够执行,但编译第三包遇到 python.h no such file or directory 这个问题是由于没有安装python-devel, 安装此包就能够解决次问题,在Linux下 ...
- Nunit2.5.10快速上手(笔记)
1.下载Nunit:http://www.nunit.org/index.php?p=download,下载MSI格式的安装包: 2.安装Nunit,根据提示安装即可,没有什么需要配置的,直接下一步就 ...
- IT精英们不断上演的十大傻事(组图)
http://fellow.51cto.com/art/200807/80475.htm
- Bootstrap学习 进度条
本文将介绍Bootstrap进度条,在本文中你将看到如何使用Bootstrap创建加载,重定向或动作状态的进度条 bootstrap进度条使用CSS3过渡和动画来获得该效果.Internet Expl ...
- 在windows 2008 R2上安装sharepoint 2013时遇到提示必须安装 .netframeword4.5的处理办法
近日,有个客户需要个测试环境,需要搭建一个sps2013的测试服务器 但基于服务器软件授权的考虑,让使用windows2008 作为系统服务器 但一安装就碰到个提示,要求先安装framework4.5 ...
- 如何借助Monit搭建服务器监控系统?(1)
许多Linux管理员依赖一种集中式远程监控系统(比如Nagios或Cacti),检查网络基础设施的健康状况.虽然集中式监控系统为管理员在处理许多主机和设备时简化了工作,但专用的监控设备显然成了单一故障 ...
- Atitit.md5 实现原理
Atitit.md5 实现原理 1. 算法流程图2 2. MD5算法过程:2 2.1. 3. 处理分组数据3 3. MD5加密字符串实例5 4. Md5的历史7 4.1.1. MD27 4.1.2. ...