javascript - 它是什么类型的 Javascript 模式？

Question

    var AppName = (function (parent, $) {
      var controller = parent.controller = parent.controller || {};

      controller.index_page = function (parent) {
        var createPage = parent.createPage = parent.createPage || {};

        createPage.init = function () {
          alert('javascript initialized');
        };
        return createPage;
      }(controller);

      return parent;
    }(AppName || {}, jQuery));

它是哪种类型的 Javascript 模式？我在哪里可以找到有关它的更多信息？

score 8 · Accepted Answer

这被称为模块模式（至少我知道它的名字）。

http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html

这种模式的一些好处包括：

封装，使您能够在闭包中定义私有字段。
您可以通过指定 undefined 的第三个参数并且不向其传递任何内容来确保 undefined 值始终正确（这是因为 undefined 实际上可以在 javascript 中被覆盖。）
Javascript 命名空间可以更清晰地分离关注点。

使用未定义方法的示例如下：

var AppName = (function (parent, $, undefined) { //add parameter for undefined here
  var controller = parent.controller = parent.controller || {};

  controller.index_page = function (parent) {
    var createPage = parent.createPage = parent.createPage || {};

    createPage.init = function () {
      alert('javascript initialized');
    };
    return createPage;
  }(controller);

  return parent;
}(AppName || {}, jQuery)); //do not define anything for the undefined parameter here.

函数末尾括号的目的是立即调用您的函数并形成一个闭包，让您可以访问公共变量/函数，同时隐藏私有变量/函数。这称为立即调用函数表达式 (IIFE)，有时称为 iffy。

score 3 · Accepted Answer

它被称为模块模式。

特别是这是一个立即调用的函数

var Module = (function(parameters) {

})(parameters)

我建议看一下 Addy Osmani 的整本书，而不仅仅是我上面链接的部分。

score 1 · Accepted Answer

这里的答案是正确的。

所以这是一本很棒的书，你可以在其中找到很多关于 javascript 模式和模块模式的信息：

http://addyosmani.com/resources/essentialjsdesignpatterns/book/#modulepatternjavascript

score -1 · Accepted Answer

我在哪里可以找到有关它的更多信息？

我在Stoyan Stefanov的一本名为Object-Oriented Javascript的书中看到了这种模式。

http://www.amazon.co.uk/Object-Oriented-Javascript-Stoyan-Stefanov/dp/1847194141

javascript - 它是什么类型的 Javascript 模式？

4 回答 4

Related

Reference