javascript - 用于自定义数据的 serializeData 函数与 Marionette.renderer

Question

我注意到 Marionette 非常不固执己见，因为它们让你可以自由地选择渲染数据的方法。似乎有很多方法可以最初使用自定义数据渲染模板

返回带有数据的模板:

template: function () {
    var myTemplate = $('.someTemplate')
    return _.template(myTemplate.html())({some: data});
}

非常相似:

    render: function () { 
        var template = this.getTemplate();
        var html = Marionette.Renderer.render(template, {
            model: this.model.toJSON(),
            customData: this.customData
        });

        this.$el.html(html);
    }

序列化数据:

serializeData : function () {
    var customData = {some: 'data'};
    var model = this.model.toJSON()
    return _.extend(customData, model);
}

我见过很多人在不同的代码中使用第一个和第二个的变体。我个人更喜欢使用serializeData，但我很好奇:使用前两种方法而不是serializeData是否有优势或用例？

Answer 1

第一种情况效率不高 - 每次要渲染时都需要重新编译模板。

无论如何，您的用例正是 Marionette 拥有 templateHelpers 的原因。这是向模板提供额外数据同时传递序列化模型的最简洁方法。

所以你会写:

templateHelpers : 函数 () {
返回{一些:'数据'}；
}

或者如果它只是静态的东西:

templateHelpers: {some: 'data'}

有关如何使用它的更多示例 here .