javascript - 有人认识这个 javascript 设计模式吗？

Question

这是我多年来发现自己使用和调整的 js 模式。

问题是，经过一些实验后我陷入了困境，我很想知道这种模式是否有名称。我浏览了很多设计模式，但没有发现任何类似的东西(或者简单的，特别是对于模块化类型模式)。

var FOO = (function ($) {
    var privateFuncA = function() {
        ...
    },        
    privateFuncB = function() {
        ...
    },
    self = {
        init: function() {
            privateFuncA(); // Call a private func
            self.publicFunc(); // Call a public func
        },
        publicFunc: function() {
            ...
        }
    };
    return self;
}(jQuery));

$(function () {
    // Initialise FOO
    FOO.init();
});

想法是让所有东西都命名空间并允许伪公共(public)/私有(private)功能。

如果我需要模块化，我将扩展基础 FOO 对象:

// Extend FOO object
FOO.Bar = (function ($) {
    var privateFunc = function() {
        ...
    },
    self = {
        publicFunc: function() {
            ...
        }
    };
    return self;
}(jQuery));

如果你想从外部调用扩展对象中的 publicFunc，你可以:

FOO.Bar.publicFunc()

有谁知道这种类型的模式是否有名称或这种设计是否存在任何已知问题？

Answer 1

当然。它只是 Christian Hielmann 的“揭示模块”模式的扩展，后者本身就是 Douglas Crockford 的模块模式的扩展。

在我这里关于 SO 的很多示例中，我将使用非常相似的东西，只是将 self 替换为 public_interface，以尝试使其更明显什么是public、private 或private-static.

var built_module = (function () {

    var private_data = "",
        private_method = function () { /* ... */ },

        public_interface = {
            public_method : function () { /* ... */ },
            public_data
        };

    return public_interface;

}());

并作为构造函数:

var built_constructor = (function (env_params) {

    var static_data = "",
        static_method = function () { /* ... */ },

        public_constructor = function (params) {
            var private_data = "",
                private_method = function (params) { /* ... */ },

                public_interface = {
                    public_method : function () { /* ... */ },
                    public_data
                };

            return public_interface;
        };

    return public_constructor;
}(envArgs));


var myInstance = built_constructor(myArgs);

“静态”数据/属性位于外部闭包中，因此内部闭包中的所有变量/函数都可以访问它们，而“静态”方法无法访问任何实例方法/数据, 没有将参数传递给函数。

您可以从这里以任何方式扩展它——删除返回值，而是将 public_interface 分配为对象的属性，或者默认分配 window (用于命名空间)。