您的位置:首页 > Web前端 > JavaScript

JS模式之发布/订阅模式

2014-09-05 17:22 218 查看
有时在JS中需要定义特定的事件,这些事件可以传递自定义参数。此时可以采用发布/订阅模式。

发布/订阅模式简单实现如下:

<script type="text/javascript">

var pubsub = {};

(function($) {

$.topics = {};

// 发布或广播事件
$.publish = function (topic, args) {
if (!$.topics[topic])
return false;
if ($.topics[topic] instanceof Array) {
var topics = $.topics[topic];
for(var i = 0; i < topics.length; i++)
topics[i](args);
}

return this;
};

// 通过特定名称和回调函数订阅事件
$.subscribe = function (topic, func) {
if (!$.topics[topic])
$.topics[topic] = [];
// 对应topic下加入回调函数
$.topics[topic].push(func);
return this;
};

// 解绑取消订阅事件
$.unsubscribe = function (topic) {
if (!$.topics[topic])
return false;
delete($.topics[topic]);
return this;
}

})(pubsub);

// 注册confirm事件
pubsub.subscribe("confirm", function() {
alert("this is the confirm");
});

// 注册alert事件 并订阅该事件后取消该订阅
pubsub.subscribe("alert", function(data) {
alert("this is the alert " + data);
}).publish("alert", "success").unsubscribe("alert");

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: