在EmberJs中查看特定的JavaScript代码重用

时间:2014-03-31 08:46:03

标签: javascript jquery ember.js

假设我有两个不同的视图,它们在渲染视图时包含相同的视图逻辑。

我将我的逻辑放在didInsertElement回调中两次。

EmberJS中是否有任何最佳实践可以避免查看逻辑代码重复?

期待听到您的回答。

1 个答案:

答案 0 :(得分:0)

你应该熟悉继承。

话虽这么说,这可能是你的解决方案:

App.MyBaseView = Ember.View.extend({

    onDidInsert: function(){
        // shared logic
    }.on('didInsertElement')
});

App.FirstSpecificView = App.MyBaseView.extend({

    onDidInsert: function(){
        // this views specific logic
    }.on('didInsertElement')
});

App.SecondSpecificView = App.MyBaseView.extend({

    onDidInsert: function(){
        // this views specific logic
    }.on('didInsertElement')
});

您将创建一个实现基本逻辑的基本视图,并使用特定逻辑扩展所述视图。