这俩个函数都与事件紧密相关.
-- dojo.subscribe(/*String*/ topic, /*Object|null*/ context, /*String|Function*/ method) 订阅一个主题
-- dojo.publish(/*String*/ topic, /*Array*/ args) 发布一个主题
先抛开这两个函数, 现在有一个函数
function topic() {
console.log("I'm the topic.");
}
它仅打印包含自己名字的一句话. 现在我们想在 topic() 被调用的时候 同时调用下面这个 listener() 函数.
function listener() {
console.log("I'm a listener.");
}
最容易想到的方法就是:
function topic() {
console.log("I'm the topic.");
//add here
listener();
}
这样做缺点很明显:
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事件相关).