Mein Lieblings -JavaScript -Designmuster

Ich dachte, es könnte interessant sein, ein JavaScript -Designmuster zu betrachten, das ich sehr verwende. Ich entschied mich allmählich darüber, über einen bestimmten Zeitraum hinweg Einflüsse aus verschiedenen Quellen absorbierte und anpassete, bis ein Muster erreicht wurde, das die Flexibilität bietet, die ich benötige.

Lassen Sie mich Ihnen einen Überblick zeigen und dann schauen Sie sich an, wie es zusammenkommt:

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

Wie Sie aus diesem Beispielcode sehen können, ist die Gesamtstruktur eine -Funktion wörtlich :

(function()
{
  ...

})();

Eine Funktion wörtlich ist im Wesentlichen ein selbstverständlicher Bereich, der der Definition einer benannten Funktion entspricht und dann sofort aufgerufen wird:

function doSomething()
{
  ...
}

doSomething();

Ich habe ursprünglich mit Funktionsliteraturen für die -Capsulation begonnen. Das Klammerpair am Ende ist das, was den Umfang ausführt und es genauso wie jede andere Funktion nennt.

, aber wenn das Zielfernrohr mit der Funktion ausgeführt wird, anstatt es nur global aufzurufen

Durch die Kombination dieser beiden-die Erstellung einer benannten Funktion und dann die Ausführung einer Funktion, die wörtlich in den Umfang der benannten Funktion-enden, erhalten wir ein einzelnes Objekt, das die Grundlage eines Drehbuchs bilden kann, während wir die Art der Vererbung simulieren, die in einer objektorientierten Klasse gefunden wurde.

.

.

Die Schönheit innerhalb

Sehen Sie sich dieses erste Code -Beispiel an, und Sie können sehen, welche Flexibilität durch die Struktur des umschließenden Bereichs angeboten wird. Es ist natürlich nichts, was Sie in keiner Funktion tun können, aber indem Sie es auf diese Weise einwickeln Wir können mehrere solche Konstrukte erstellen und sie alle mit demselben Bereich assoziieren, und dann werden alle ihre öffentlichen Daten

miteinander teilen.

, aber gleichzeitig wie das Teilen öffentlicher Daten kann jeder auch seine eigenen privaten Daten

definieren. Hier zum Beispiel ganz oben im Skript:

Wir haben eine

private Variable

var THIS = this;

genannt, die auf den Funktionsbereich hinweist, und können in privaten Funktionen verwendet werden, um darauf zu verweisen - genau den gleichen Trick wie "self = this", um eine Referenz für innere Bereiche zu erstellen.

Andere private Variablen, die genauso deklariert wurden, können die Großbuchstaben übergeben, wenn sie konstante Daten definieren (jedoch sollte die Deklaration mit CONT anstelle von VAR vermieden werden, da sie nicht gut unterstützt ist).

private Funktionen

können verwendet werden, um interne Dienstprogramme bereitzustellen:

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

Dann können wir öffentliche Methoden und Eigenschaften erstellen, die für andere Instanzen zugänglich sind und außen zugänglich:

(function()
{
  ...

})();

Wir können auch privilegierte Werte erstellen - in diesem Fall über die öffentliche Definitionsmethode privile, aber öffentlich definierbar; Die Argumente könnten nach den Anforderungen der Daten weiter validiert werden:

function doSomething()
{
  ...
}

doSomething();

verpackt!

All diese Funktionen machen das Konstrukt für mich so nützlich. Und alles ist in ein ordentliches, selbst ausgeprägter Singleton -ein einzelnes Gebrauchsobjekt, das sich leicht beziehen und integrieren kann und unkompliziert zu verwenden ist!

Was denkst du? Ist dies ein Muster, das Ihnen bekannt ist, oder haben Sie etwas anderes, das Sie gerne verwenden?

Thumbnail -Gutschrift: Superkimbo

Hinweis: Willst du mehr?

Wenn Sie mehr von James lesen möchten, abonnieren Sie unseren wöchentlichen Tech Geek Newsletter, Tech Times .

Das obige ist der detaillierte Inhalt vonMein Lieblings -JavaScript -Designmuster. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!