我有一个通知工具栏,它是一个模块。与Facebook本机应用程序中的通知工具栏非常相似。在此工具栏中有3个区域:


邀请区域
RequestsRegion
通知区域


这些区域中的每个区域都包含自己的模块(InvitesModule,RequestsModule,NotificationsModule)。但是,每个都具有完全相同的功能:


检查服务器上的新服务器(“邀请” |“请求” |“通知”)
如果找到,请更新关联的区域
然后是一堆其他功能(单击以弹出collectionView等。)


我可以编写一个模块,例如InvitesModule,让我的其他两个模块扩展该模块,以便覆盖所需的变量吗?

谢谢,请让我知道我能否更清楚

最佳答案

为什么是,是的,您可以!虽然Marionette本身并不能完全允许您创建“基本模块”,但可以允许您修改现有模块。我们在应用程序中利用了这一点,以创建用于所有模板的ModuleDefaults定义。运作方式如下:

var ModuleDefaults = {
  // Define baseline behavior to share among all modules
  definition: function() {
    this.foo = 'bar';

    this.addInitializer(function() {
      console.log(this.moduleName + ': do startup stuff');
    });
  }
};


现在,您可以创建仅实现此行为的模块,如下所示:

// Create a module with the default implementation
App.module('Module1', ModuleDefaults.definition);


或者,您可以创建一个覆盖此行为的模块:

// Create another module with the default implementation
App.module('Module2', ModuleDefaults.definition);

// Provide customizations to second module:
App.module('Module2', function() {
  // override existing behavior
  this.foo = 'baz';

  // add new behavior
  this.addFinalizer(function() {
    console.log(this.moduleName + ': cleanup stuff');
  });
});


使用此技术,证明第二个模块的foo属性被覆盖:

App.start();                  // -> Module1: do startup stuff
                              // -> Module2: do startup stuff
console.log(App.Module1.foo); // -> bar
console.log(App.Module2.foo); // -> baz
App.Module1.stop();           // ->
App.Module2.stop();           // -> Module2: cleanup stuff

08-25 16:07
查看更多