§ 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","榴莲");
最后更新于: 4/15/2022, 2:41:22 PM