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

Question

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

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

EmberJS 中是否有避免 View 逻辑代码重复的最佳实践？

期待听到您的答案。

Answer 1

您应该熟悉继承。

话虽如此，这可能是您的解决方案:

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')
});

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