Javascript off-DOM 对象事件和事件冒泡

Question

有谁知道我可以使用一个库或模式来在 javascript 对象图中实现事件和事件冒泡，而无需通过 DOM？

简而言之，我有一个类的实例，其中包含其他类的实例，并且我想触发来自子类的事件，这些事件可以使图/链冒泡。

有什么建议吗？

Answer 1

bob.js framework公开您可以使用的事件机制。作为事件的对象，或者要求 bob.js 在您的对象上创建函数。这是第二种方法，因为它读起来更清晰(请参阅下面有关冒泡的注释):

var DataListener = function() { 
    var fire = bob.event.namedEvent(this, 'received'); 
    this.start = function(count) { 
        for (var i = 0; i < count; i++) { 
            fire(i + 1); 
        } 
    }; 
}; 
var listener = new DataListener(); 
listener.add_received(function(data) { 
    console.log('data received: ' + data); 
}); 
listener.start(5); 
// Output: 
// data received: 1 
// data received: 2 
// data received: 3 
// data received: 4 
// data received: 5

关于冒泡:bob.js 不支持冒泡(至少目前如此)。此外，如果父级上定义的事件与子级上定义的事件类似(Html DOM 元素是这种情况，但对于非 DOM 对象则并非总是如此)，冒泡是可能的 。但是，作为解决方法，您可以让子事件监听器在父对象上触发事件 - 效果将类似于冒泡。