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

时间:2012-12-02 17:00:20

标签: javascript

这是我多年来一直在使用和调整的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()

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

1 个答案:

答案 0 :(得分:3)

不确定。这只是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(对于命名空间)。