我最近正在阅读Learning JavaScript Design Patterns这本书。我不明白的是模块模式和揭示模块模式之间的区别。我感觉他们是一回事。谁能举个例子？

最佳答案

至少有三种不同的方式来实现模块模式，但揭示模块模式是唯一具有正式名称的模块模式后代。

基本模块模式

模块模式必须满足以下条件:

• 私有(private)成员住在封闭区。
• 公共(public)成员在返回对象中公开。

但是这个定义有很多歧义。通过以不同方式解决歧义，您可以得到模块模式的变体。

揭示模块模式

Revealing Module Pattern 是最著名和最受欢迎的模块模式变体。与其他替代方案相比，它具有许多优势，例如

• 重命名公共(public)函数而不更改函数体。
• 在不更改函数体的情况下，只需修改一行即可将成员从公共(public)更改为私有(private)，反之亦然。

除了原来的条件之外，RMP 还满足三个额外的条件:

• 所有成员，无论是公共(public)成员还是私有(private)成员，都在闭包中定义。
• 返回对象是一个没有函数定义的对象字面量。所有右边的表达式都是闭包变量
• 所有引用都是通过闭包变量，而不是返回对象。

下面的例子展示了它是如何使用的

var welcomeModule = (function(){
  var name = "John";
  var hello = function(){ console.log("Hello, " + name + "!");}
  var welcome = function() { console.log( hello() + " Welcome to StackOverflow!");}
  return {
    name: name,
    sayHello: hello,
    sayWelcome: welcome
  }
})();

如果你想制作name和 sayHello private，你只需要在返回对象中注释掉相应的行。

var welcomeModule = (function(){
  var name = "John";
  var hello = function(){ console.log("Hello, " + name + "!");}
  var welcome = function() { console.log( hello() + " Welcome to StackOverflow!");}
  return {
    //name: name,
    //sayHello: hello,
    sayWelcome: welcome
  }
})();

带有对象字面量的模块模式

这可能是模块模式最古老的变体。与贼法牧不同，此变体没有性感的官方名称。

除原有条件外，还满足以下条件:

• 私有(private)成员在闭包中定义。
• 公共(public)成员在返回对象文字中定义。
• 通过 this 引用公共(public)成员，只要有可能。

在下面的示例中，您可以看到与 RMP 相比，函数定义实际上是如何在返回对象文字中，并且对成员的引用由 this 限定。 .

var welcomeModule = (function(){
  return {
    name: "John",
    sayHello: function(){ console.log("Hello, " + this.name + "!");}
    sayWelcome: function() { console.log( this.hello() + " Welcome to StackOverflow!");}
  }
})();

请注意，与贼法牧不同，为了制作name和 sayHello私有(private)，引用指向 name和 sayHello在各种函数体定义中也必须改变。

var welcomeModule = (function(){
  var name = "John";
  var sayHello = function(){ console.log("Hello, " + name + "!");};
  return {
    //name: "John",
    //sayHello: function(){ console.log("Hello, " + this.name + "!");}
    sayWelcome: function() { console.log( hello() + " Welcome to StackOverflow!");}
  }
})();

带有返回对象 stub 的模块模式

这个变种也没有正式名称。

除原有条件外，还满足以下条件:

• 在开头定义了一个空的返回对象 stub 。
• 私有(private)成员在闭包中定义。
• 公共(public)成员定义为 stub 成员
• 通过 stub 对象引用公共(public)成员

使用我们的旧示例，您可以看到公共(public)成员直接添加到 stub 对象。

var welcomeModule = (function(){
  var stub = {};
  stub.name = "John";
  stub.sayHello = function(){ console.log("Hello, " + stub.name + "!");}
  stub.sayWelcome = function() { console.log( stub.hello() + " Welcome to StackOverflow!");}
  return stub;
})();

如果你想制作name和 sayHello与以前一样私有(private)，必须更改对现在私有(private)成员的引用。

var welcomeModule = (function(){
  var stub = {};
  var name = "John";
  var sayHello = function(){ console.log("Hello, " + name + "!");}
  
  stub.sayWelcome = function() { console.log( hello() + " Welcome to StackOverflow!");}
  return stub;
})();

总结

Revealing Module Pattern 和 Module Pattern 的其他变体之间的区别主要在于如何引用公共(public)成员。因此，RMP 更易于使用和修改，这也是它受欢迎的原因。然而，这些优势的代价是巨大的(在我看来)，Addy Osmani 在他关于 Revealing Module Pattern 的帖子中提到了这一点。 ,

A disadvantage of this pattern is that if a private function refers to a public function, that public function can't be overridden if a patch is necessary. This is because the private function will continue to refer to the private implementation and the pattern doesn't apply to public members, only to functions.

Public object members which refer to private variables are also subject to the no-patch rule notes above.

As a result of this, modules created with the Revealing Module pattern may be more fragile than those created with the original Module pattern, so care should be taken during usage.

我在一些 other 中谈到过posts .

关于JavaScript 设计模式 : difference between module pattern and revealing module pattern?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22906662/