Evented

直接实例化也可以：var bus = new L.Evented();。事件回调收到的对象至少有 type 与 target。

方法

给普通对象加事件

var Selection = L.Evented.extend({
  select: function (id) {
    this.selectedId = id;
    this.fire('select', { id: id });
  }
});

var selection = new Selection();

selection.on('select', function (e) {
  console.log('选中', e.id, '来自', e.target === selection);
});

selection.once('select', function () {
  console.log('只执行一次');
});

selection.select(12);
selection.select(13);

e.target 指向触发者，e.type 是事件名。 同一类型上的多个监听器按注册顺序依次执行，一个监听器抛错会影响后面的监听器， 回调里需要容错时自己包一层 try。

事件冒泡

图层默认把自己的事件冒泡给地图，map.on('click', fn) 因此能收到要素上的点击。 自定义对象要冒泡，先把目标设为事件父级：

var layerBus = new L.Evented();

layerBus.addEventParent(map);

layerBus.fire('status', { ready: true }, true);

map.on('status', function (e) {
  console.log('收到子级事件', e.ready);
});

fire 的第三个参数不传时不会冒泡。 地图内部的交互事件由 L.Map 自己派发，不依赖这条路径。

解绑要带上函数引用

off('select') 会移除该类型上的全部监听。 只想撤掉自己注册的那一个时，把同一个函数引用传进去： off('select', handler)。 匿名函数没有引用，注册之后就再也无法单独解绑，组件卸载时容易留下闭包引用。

与 DOM 事件的区别