dojo.publish 和 dojo.subscribe

这俩个函数都与事件紧密相关.

-- dojo.subscribe(/*String*/topic, /*Object|null*/context, /*String|Function*/method) 订阅一个主题

-- dojo.publish(/*String*/topic, /*Array*/ args) 发布一个主题

先抛开这两个函数, 现在有一个函数

1. function topic() {  
2.     console.log("I'm the topic.");  
3. }  

它仅打印包含自己名字的一句话. 现在我们想在 topic() 被调用的时候 同时调用下面这个 listener() 函数. 

1. function listener() {  
2.     console.log("I'm a listener.");  
3. }  

最容易想到的方法就是:

1. function topic() {  
2.     console.log("I'm the topic.");  
3.     //add here  
4.     listener();  
5. }  

这样做缺点很明显: 

1. 如果我还想随着 topic() 的调用, 调用更多的函数如 listener1(), listener2(), ..., listenern(), 就得不断地去修改 topic() 的代码.

2. topic() 与 listener() 函数之间紧耦合

dojo.subscribe and dojo.publish 机制很好的解决了这个问题.

我们知道 JavaScript 函数也是对象, 也可以有属性.

如果给上面的 topic 函数加一个数组类型的属性 _listeners[] , 它记录着像上面例子中的 listener1(), listener2() 这样的函数

并通过 dojo.subscribe() 可以随意随时的向 _listeners[] 里面加入 listener() 函数. dojo.unsubscribe() 移除 _listeners[] 里面的指定函数.

dojo.publish() 就起到了一个调用的作用, 它调用 topic() 函数, 并且遍历 _listeners[] 数组里的所有 listener() 函数, 并调用它们.

简单的说 dojo sub / pub 就是这样工作的, 想了解具体实现细节去读 connect.js 和 event.js(DOM事件相关).