显示模块/原型模式

Question

直到现在，我都使用显示模块模式来构建我的 Javascript，如下所示：

     var module = (function() {
        var privateVar;

        // @public
        function publicFunction( ) {

        }       

        return {
            publicFunction: publicFunction
        }
    })();

Fiddle

虽然此代码按预期工作，但我最近阅读了一篇文章，如果您有多个实例，此模式会使用大量内存，并且与其他模式相比它存在一些速度问题。因为我喜欢使用这种模式，所以我搜索了没有所有这些“问题”的类似模式，并且遇到了 Revealing Prototype Pattern。据我所知，JavaScript 的 Prototype 有更好的内存管理。

现在我想知道使用显示原型模式是否更快/更好地记忆？ This benchmark 让我感到惊讶，因为模块模式似乎要快得多。有什么理由吗？

另外，我不知道如何使用 Revealing Prototype Pattern 拥有多个实例（与上面的 Revealing Module Pattern Fiddle 相比）：

    var prototypeModule = function( el ) {
        this.init( );
    };

    prototypeModule.prototype = function () {
        var privateVar;

        // @public
        function init( ) {            

        }  

        return {
            init: init
        }
    }();

Fiddle 2

我做错了什么？

Answer 1

虽然这段代码按预期工作，但我最近发了一篇文章，说如果你有多个实例，这种模式会使用大量内存

您在第一个 sn-p 中提供的代码是一个单例模块，没有“多个实例”。完全没问题。

只有在你的小提琴中命名为Module pattern - Multiple instances 的东西在实例化大量对象时才会受到memory disadvantages 的影响。但是请注意，这不是“模块模式”，而是“工厂模式”。

现在我想知道使用显示原型模式是否更快/更好地记忆？

一般来说，如果应用正确，是的。

This benchmark 让我感到惊讶，因为模块模式似乎要快得多。有什么原因吗？

他们模块的代码乱七八糟，无法修复。我什至不想评论那里发生的事情。

我也不知道如何使用显示原型模式创建多个实例

原型的好处是它的属性在所有实例之间共享。这意味着所有实例的.init 方法都指向同一个函数，该函数在其显示模块范围内有一个privateVar - 对于所有实例，此变量仅存在一次！它是静态的，而不是特定于实例的。

如果你想使用原型，你不能访问真正的私有变量；您将需要使用公共属性。但是，您的 clickFunction 无论如何都需要一个本地（私有）变量来关闭它，所以在这里不使用原型不会有任何问题：

function Constructor( el ) {
    var privateVar = $( el );
    privateVar.on( 'click', function clickFunction() {
        privateVar.addClass('click');
    });

    console.log( 'constructor: ' + privateVar.attr('id') ); 
}