dojo事件机制详解(二)

示例

上一篇讲解了dojo connect事件机制，这一篇讲解dojo订阅发布模式，主要使用的方法为dojo.subscribe、dojo.unsubscribe、dojo.publish三个函数，如果理解了上一篇， 订阅发布模式理解起来就很简单。不多说了，先来个示例：

var topic = "alarm";
function Foo() {
	this.alarm = function() {
		console.info("do something in Foo's alarm function");
		//发布主题
		dojo.publish(topic);
	};
}

function Bar() {
	this.getup = function() {
		console.info("alarming now,need to getup");
	}
}

function Baz() {
	this.name = "Baz";
	this.work = function() {
		console.info("alarming now,need to start working");
	}
}

var foo = new Foo();
var bar = new Bar();
var baz = new Baz();

// 订阅主题
dojo.subscribe(topic,bar,"getup");
dojo.subscribe(topic,baz,"work");

// 该函数调用中发布主题，然后会触发订阅的监听器
foo.alarm();

源码解析

//所有的主题都在存储在该对象中
dojo._topics = {};

// 订阅某主题
dojo.subscribe = function(/*String*/ topic,/*Object|null*/ context,/*String|Function*/ method){
	// 是不是很简单，主要就调用了一个函数：dojo._listener.add
	// 该函数已经在上一篇详细讲解过了，add函数执行过后，会在dojo._topics对象中存储一个分发器函数(代理函数)，key就为topic
	// 这个分发器函数的_listeners数组属性存储了所有监听器
	// dojo.hitch返回设置了this变量后的监听器函数
	return [topic,dojo._listener.add(dojo._topics,topic,dojo.hitch(context,method))]; /*Handle*/
};

// 发布主题，并且可以传递参数
dojo.publish = function(/*String*/ topic,/*Array*/ args){
	// 是不是就更简单了，从dojo._topics对象中取出分发器函数
	var f = dojo._topics[topic];
	// 判断分发器函数是否存在
	if(f){
		// 调用分发器函数，该函数中先调用原目标函数，随即调用_listeners数组中存储的各个监听器函数
		// 监听器参数列表就为publish函数的args数组
		f.apply(this,args||[]);
	}
};

// 取消订阅
dojo.unsubscribe = function(/*Handle*/ handle){
	// handle为subscribe函数的返回值
	if(handle){
		// 调用dojo._listener.remove函数，从dojo._topics对象中key为topic的分发器函数监听器列表中移除指定位置的监听器
		dojo._listener.remove(dojo._topics,handle[0],handle[1]);
	}
};

dojo.connectPublisher函数

还有一个dojo.connectPublisher函数需要说一下，通过该函数可以将dojo.publish从函数中脱离出来，更加方便：

dojo.connectPublisher = function(	/*String*/ topic,/*Object|null*/ obj,/*String*/ event){
	
	//该代理函数的参数列表与目标对象obj的函数参数一致
	var pf = function(){ dojo.publish(topic,arguments); }
	return event ? dojo.connect(obj,event,pf) : dojo.connect(obj,pf); //Handle
};

PS:dojo版本为dojo-release-1.6.3