使用哪种模式

Question

我有一个课程——称之为“谢谢你”，它提供了这些内容。根据不同的实现（通用的或 Facebook 的），我需要提供定制的布局。现在，我正在 JS 中构建 HTML 并交付布局。

1) 注册电子邮件通讯（适用于通用和 Facebook 实施） 2)预告片内容（用于一般实施） 3) Facebook like（用于 FacebookThankYou 实现）

您认为使用哪种设计模式更好地实现 - Factory 还是 Mediator？我刚刚开始在我的代码中使用一些设计模式，并希望以正确的方式开始。

一些注意事项： a) 虽然功能可能相同，但通用和 Facebook 的布局可能不同

如果我不使用设计模式，我可以使用“if”语句轻松完成此操作，但我只是在寻找更优雅的解决方案。

Answer 1

我认为 Factory 更适合这种情况。您有一个名为 IThankYou 的基类（接口），它实现了通用方法和两个扩展基本功能的类。工厂存储类型和类之间的映射。

小示例代码：

function IThankYou () {}
IThankYou.prototype = {
  templates: { // this is common field for all instances extending this class
    like: '<div class="b-like">Like</div>',
  },      

  like: function () { throw "Unimplemented" }, // this method is not implemented in base class

  commonMethod: function () { } // this is common method
};

function GenericThankYou (someParam) { this.someParam = someParam; };
GenericThankYou.prototype = new IThankYou;
GenericThankYou.prototype.like = function () {
  // there you could use base class fields and methods
  this.commonMethod();
};

function FacebookThankYou (someParam) { this.someParam = someParam; };
FacebookThankYou.prototype = new IThankYou;
FacebookThankYou.prototype.like = function () {
  // there you could use base class templates map
};

var ThankYouFactory = {
  typeMap: {
    'facebook' : FacebookThankYou,
    'generic'  : GenericThankYou
  },
  getConstructor: function (type) {
    return this.typeMap[type];
  }
};

ThankYouFactory.getConstructor('facebook')(ctorParam);
ThankYouFactory.getConstructor('generic')(ctorParam);