events - 主干控制台日志事件触发

Question

我有一个 underscore/backbone/require 应用程序，我想将通过主干触发的所有事件输出到控制台(换句话说:通过 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.Model、Backbone.Collection 等上混合了 Backbone.Events 行为。例如，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/