1

我正在尝试为事件实现一个简单的中介模式，但是当我向中介注册它们时，我的事件回调被调用。

调解员很简单：

define(function(require){
    'use strict';
    var _ = require('underscore');
    var Backbone = require('backbone');

    return _.extend( Backbone.Events);
});

我创建了一个没有支持模型或模板的简单视图

define(function (require) {

'use strict';

var Backbone = require('backbone');
var mediator = require('mediator');

var Sandbox = Backbone.View.extend({

    el: '.sandbox',
    initialize: function () {
        this.render();
        this.bindEvents();
    },

    bindEvents:function(){
        mediator.on("sandbox:change", this.changeText(), this );
    },

    render: function () {
        $(this.el).html("SANDBOX VIEW IS WORKING");
    },

    changeText: function () {
        $(this.el).html("THE TEXT HAS CHANGED");
    }
});

return Sandbox;

});

加载视图时，sandbox:change触发事件并调用 changeText 函数，即使没有调用任何内容mediator.trigger('sandbox:change')

为什么在简单地绑定到中介对象时调用回调？

4

1 回答 1

0

当浏览器评估您的沙箱更改事件绑定mediator.on("sandbox:change", this.changeText(), this );时，将执行 changeText 函数，因为它们()已包含在内。您真正想要做的是将 changeText 函数对象传递给事件绑定：

    mediator.on("sandbox:change", this.changeText, this );

请记住，changeText 是一个对象，它是您的视图的成员。 

    var Sandbox = Backbone.View.extend({
    ...
        changeText: function () {...}
    });

当您要执行函数时，请使用括号。当你想引用对象时，省略括号。

于 2013-01-11T21:24:26.560 回答