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();
});

想法是保持所有命名空间并允许伪公共/私有功能。

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

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

如果要从外部调用扩展对象中的publicFunc，可以：

FOO.Bar.publicFunc()

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

Answer 1

不确定。这只是Christian Hielmann的“Revealing Module”模式的延伸，它本身就是Douglas Crockford模块模式的延伸。

在我的很多关于SO的示例中，除了将self替换为public_interface之外，我将使用非常相似的内容，以便更明确地说明什么是 < em> 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（对于命名空间）。

有没有人认识到这个javascript设计模式？

1 个答案: