该Javascript如何使从一个类触发的事件看上去也从另一个类触发的事件看上去呢？

Question

我正在使用一个名为RiotControl的库，并且RiotControl拥有一组Store实例。 它还在添加到它的每个商店上连接一些事件侦听器：

https://github.com/jimsparkman/RiotControl/blob/master/demo/todo.tag#L31

var RiotControl = {
  _stores: [],
  addStore: function(store) {
    this._stores.push(store)
  }
}

['on','one','off','trigger'].forEach(function(api){
  RiotControl[api] = function() {
    var args = [].slice.call(arguments)
    this._stores.forEach(function(el){
      el[api].apply(null, args)
    })
  }
})

Store观察并触发自身事件：

https://github.com/jimsparkman/RiotControl/blob/master/demo/todostore.js#L21

function TodoStore() {
  ...
  self.on('todo_add', function(newTodo) {
    self.todos.push(newTodo) 
    self.trigger('todos_changed', self.todos)        
  })
}

在上面的示例中，商店将自行触发todos_changed事件。 尽管如此，在RiotControl对象上也可以观察到此事件：

https://github.com/jimsparkman/RiotControl/blob/master/demo/todo.tag#L31

// Register a listener for store change events.
RiotControl.on('todos_changed', function(items) {
  self.items = items
  self.update()
})

我不清楚从Store触发该事件如何在RiotControl上观察到。 据我所知， RiotControl在forEach循环中，会将在其上触发的事件调度到它管理的每个商店，这就是TodoStore可以观察self.on('todo_add') 。 我无法弄清楚self.trigger('todos_changed')是如何self.trigger('todos_changed')到RiotControl ，因此在那里也可以观察到。 有人知道吗

Answer 1

该事件在RiotControl上是可观察到的，并且可以通过self触发，因为该事件是通过RiotControl.addStore(todoStore)添加到RiotControl的，该事件将其添加到_stores ，然后再applys self或RiotControl上调用的任何东西。

（请参阅https://github.com/jimsparkman/RiotControl/blob/master/demo/index.html#L31 ）