§ Fox3.0前端框架-EventProxy
标签(空格分隔): Fox
§ 1.说明
Fox框架提供了一个观察者/订阅者模式的工具类,可用于消息发送和接收处理。
API
event proxy支持以下方法:
| 参数 | 类型 |
|---|---|
| on | 订阅事件 |
| off | 注销事件订阅 |
| bind | 订阅事件 |
| unbind | 注销事件订阅 |
| once | 订阅事件,触发一次后自动注销订阅 |
| all | 订阅多事件,所有事件发后调用订阅事件 |
| trigger | 发送订阅消息 |
| emit | 发送订阅消息 |
§ 2.函数说明
####on 订阅事件 fox.eventproxy.on(type, callback, once? = false)
| 参数 | 类型 |
|---|---|
| tyep | 订阅事件类型 |
| callback | 回调函数 |
| once | 是否触发后自动移除事件 |
callback 函数的参数为 trigger or emit触发事件时候的参数
####off 注销订阅 fox.eventproxy.off(type, callback)
| 参数 | 类型 |
|---|---|
| tyep | 订阅事件类型 |
| callback | 回调函数 |
####bind 订阅事件 fox.eventproxy.bind(type, callback, once? = false)
| 参数 | 类型 |
|---|---|
| tyep | 订阅事件类型 |
| callback | 回调函数 |
| once | 是否触发后自动移除事件 |
callback 函数的参数为 trigger or emit触发事件时候的参数
####unbind 注销订阅 fox.eventproxy.unbind(type, callback)
| 参数 | 类型 |
|---|---|
| tyep | 订阅事件类型 |
| callback | 回调函数 |
####once 订阅事件(触发后自动移除) fox.eventproxy.once(type, callback)
| 参数 | 类型 |
|---|---|
| tyep | 订阅事件类型 |
| callback | 回调函数 |
####all 订阅多事件 fox.eventproxy.all(term1, term2, term3, callback)
| 参数 | 类型 |
|---|---|
| term | 订阅事件类型(多个) |
| callback | 回调函数 |
####emit 发布事件 fox.eventproxy.emit(type, args)
| 参数 | 类型 |
|---|---|
| type | 事件类型 |
| args | 参数 |
####trigger 发布事件 fox.eventproxy.trigger(type, args)
| 参数 | 类型 |
|---|---|
| type | 事件类型 |
| args | 参数 |
§ 3.使用例子
//引用event proxy
const ep = fox.eventproxy;
//绑定事件
ep.on("hi",function(name){
alert("hi,"+name);
});
//触发事件
ep.emit("hi","jc");
ep.emit("hi","yxt");
//绑定多条件事件
ep.all("love","food",function(name,data){
alert(name+"喜欢吃"+data);
});
//触发多条件事件
ep.trigger("love","yxt");
ep.trigger("food","榴莲");
← EventChain IDE使用说明 →