Question

我有一个下划线/骨干/需要应用程序，我想将通过主干触发的所有事件输出到控制台（换句话说：通过console.log函数传递每个事件）。我尝试用下划线包装它并手动替换该功能。这不是：

console.log(Backbone.Events.trigger);
var trigger = Backbone.Events.trigger;
Backbone.Events.trigger = function(name) {
    console.log('Event', name, 'triggered.');
    trigger.apply(this, arguments);
}

也不是：

Backbone.Events.trigger = _.wrap(Backbone.Events.trigger, function(func) {
    console.log('EVENT:', Array.prototype.slice.call(arguments));
    func(Array.prototype.slice.call(arguments));
});
console.log(Backbone.Events.trigger);

的工作。我很欣赏javascript（不是coffeescript）解决方案。

Answer 1

您的包装失败是因为Backbone在Backbone.Events，Backbone.Model等上的Backbone.Collection行为中混合了行为。例如，Backbone.Model被定义为

var Model = Backbone.Model = function(attributes, options) {
    ...
};
_.extend(Model.prototype, Events, {
    ...
};

这意味着当您重新定义Backbone.Events.trigger时，已经太晚了。

但一切都不会丢失！您将无法一次性重新定义所有trigger方法，但您可以在课程级别重新定义它们：

Backbone.Model.prototype.trigger = function() {
    console.log('Event', arguments);
    Backbone.Events.trigger.apply(this, arguments);
}

和演示http://jsfiddle.net/nikoshr/G2Qfn/

对于给定的类，您可以覆盖触发器方法：

var M = Backbone.Model.extend({
    trigger: function() {
        console.log('Event', arguments);
        Backbone.Model.prototype.trigger.apply(this, arguments);
    }
});

http://jsfiddle.net/nikoshr/G2Qfn/1/

或针对给定的实例

var M = Backbone.Model.extend({});

var m = new M();   
m.trigger = function() {
    console.log('Event', arguments);
    M.prototype.trigger.apply(this, arguments);
}

http://jsfiddle.net/nikoshr/G2Qfn/2/

骨干控制台日志事件触发

1 个答案: