我最喜欢的JavaScript设计模式

>我认为查看我使用的JavaScript设计模式可能很有趣。我在一段时间内逐渐解决了它，吸收和适应各种来源的影响，直到达到提供我需要的灵活性的模式。

>让我向您展示一个概述，然后查看它如何融合：>

您可以从该示例代码中看到，总体结构是a

function MyScript(){}
(function()
{

  var THIS = this;

  function defined(x)
  {
    return typeof x != 'undefined';
  }

  this.ready = false;

  this.init = function(
  {
    this.ready = true;
  };

  this.doSomething = function()
  {
  };   

  var options = {
      x : 123,
      y : 'abc'
      };

  this.define = function(key, value)
  {
    if(defined(options[key]))
    {
      options[key] = value;
    }
  };

}).apply(MyScript);

函数字面

：> >字面的函数本质上是一个自我执行的范围，相当于定义命名函数，然后立即调用它：>

(function()
{
  ...

})();

我最初是为了

封装而开始使用函数文字

- 任何以任何格式的脚本都可以包裹在该外壳中，并有效地将其“密封”到私有范围中，以防止其与同一范围中的其他脚本冲突，或在全球范围中与数据相冲突。结尾处的支架对是执行范围的方法，就像其他任何功能一样。

function doSomething()
{
  ...
}

doSomething();

>但是，如果使用函数执行范围，而不是仅仅在全球范围内调用范围。 因此，通过将这两个组合在一起（创建一个命名函数，然后在命名函数范围中执行函数的执行），我们最终会构成一个可以构成任何脚本的基础的函数的执行，同时模拟了在对象的类中。

内的美 查看第一个代码示例，您可以看到封闭范围的结构提供了什么灵活性。当然，这是您无能为力的任何功能，但是通过以这种方式将其包装好，我们拥有一个可以与

>任何名为scope的

关联的构造。我们可以创建多个这样的构造，并将它们与相同的范围相关联，然后所有这些都将彼此共享他们的

公共数据

。

>但在共享公共数据的同时，每个数据也可以定义自己的

私有数据

。例如，在脚本的顶部：>

>我们创建了一个指向函数范围的private variable ，可以在私人函数中使用它来引用它 - 与“ self = this”创建内置范围的参考。 其他私人变量以相同的方式声明，如果它们定义恒定数据，则可以共享大写惯例（但是，应避免使用const而不是var的声明，因为它没有得到很好的支持）。>

私人功能可用于提供内部实用程序：>

function MyScript(){}
(function()
{

  var THIS = this;

  function defined(x)
  {
    return typeof x != 'undefined';
  }

  this.ready = false;

  this.init = function(
  {
    this.ready = true;
  };

  this.doSomething = function()
  {
  };   

  var options = {
      x : 123,
      y : 'abc'
      };

  this.define = function(key, value)
  {
    if(defined(options[key]))
    {
      options[key] = value;
    }
  };

}).apply(MyScript);

然后，我们可以创建>公共方法和属性，其他实例可访问，以及外部：>

(function()
{
  ...

})();

我们还可以通过公共定义方法来创建特权>

是私人但可以定义的；它的论点可以根据数据的需求进行进一步验证：

包装！

function doSomething()
{
  ...
}

doSomething();

>所有这些功能都是使构造对我如此有用的原因。所有这些都包裹在整洁的，自我执行的

singleton

> - 一个易于引用和集成并直接使用的单使用对象！ >你怎么看？这是您熟悉的模式，还是您想使用的其他东西？ >

缩略图：Superkimbo

注意：想要更多吗？

如果您想从詹姆斯阅读更多信息，请订阅我们的每周技术怪胎新闻通讯， Tech Times。

。

以上是我最喜欢的JavaScript设计模式的详细内容。更多信息请关注PHP中文网其他相关文章！