一句话解释 dojo.publish 和 dojo.subscribe

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

-- 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事件相关).

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值