Mon modèle de conception JavaScript préféré

J'ai pensé qu'il pourrait être intéressant de regarder un modèle de conception JavaScript que j'utilise beaucoup. Je l'ai installé progressivement, sur une période de temps, absorbant et adaptant les influences de diverses sources, jusqu'à atteindre un modèle qui offre la flexibilité dont j'ai besoin.

Permettez-moi de vous montrer un aperçu, puis regardez comment il se rassemble:

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

Comme vous pouvez le voir à partir de cet exemple de code, la structure globale est une fonction littérale :

(function()
{
  ...

})();

Une fonction littérale est essentiellement une portée auto-exécutée, équivalente à la définition d'une fonction nommée puis à l'appeler immédiatement:

function doSomething()
{
  ...
}

doSomething();

J'ai commencé à utiliser des littéraux de fonctions pour le plaisir de Encapsulation - Tout script dans n'importe quel format peut être enveloppé dans cette enceinte, et il les «scelle» effectivement dans une portée privée, l'empêchant de contourner avec d'autres scripts dans la même portée, ou avec des données dans la lunette globale. La paire de supports à la toute fin est ce qui exécute la portée, l'appelant comme toute autre fonction.

Mais si, au lieu de simplement l'appeler à l'échelle mondiale, la portée est exécutée à l'aide de la fonction.Apply, il peut être fait pour exécuter dans une portée spécifique et nommée qui peut ensuite être référencée à l'extérieur.

Ainsi, en combinant ces deux ensemble - la création d'une fonction nommée, puis l'exécution d'une fonction littérale dans la portée de la fonction nommée - nous nous retrouvons avec un objet à usage unique qui peut former la base de n'importe quel script, tout en simulant le type d'hérédité que l'on trouve dans une classe orientée objet.

la beauté dans

Regardez ce premier exemple de code, et vous pouvez voir quelle flexibilité est offerte par la structure de la portée entourée. Ce n'est rien que vous ne puissiez pas faire dans aucune fonction, bien sûr, mais en l'enroulant de cette manière, nous avons une construction qui peut être associée à n'importe quelle portée nommée nommée.

Nous pouvons créer plusieurs constructions de telles et les associer toutes à la même portée, puis toutes partageront leurs données publiques les uns aux autres.

mais en même temps que le partage des données publiques, chacun peut également définir ses propres données privées . Ici par exemple, tout en haut du script:

var THIS = this;

Nous avons créé une variable privée

appelée ceci qui pointe la portée de la fonction, et pouvons être utilisés dans des fonctions privées pour y référer - exact le même truc que aller "self = this" pour créer une référence pour les lunettes intérieures.

D'autres variables privées, déclarées de la même manière, peuvent partager la convention majuscutive si elles définissent des données constantes (quelle que soit la déclaration utilisant const au lieu de VAR doit être évitée, car elle n'est pas bien soutenue).

Fonctions privées Peut être utilisée pour fournir des utilitaires internes:

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

Ensuite, nous pouvons créer Méthodes et propriétés publiques , accessibles à d'autres instances, et à l'extérieur:

(function()
{
  ...

})();

Nous pouvons également créer des valeurs privilégiées - qui sont privées, mais définissables publiquement, dans ce cas via la méthode de définition du public; Ses arguments pourraient être validés en fonction des besoins des données:

function doSomething()
{
  ...
}

doSomething();

enveloppé!

Toutes ces fonctionnalités sont ce qui rend la construction si utile pour moi. Et tout est enveloppé dans un Singleton soigné et auto-exécutant Singleton

- un objet à usage unique qui est facile à référer et à intégrer, et simple à utiliser!

Alors, qu'en pensez-vous? Est-ce un modèle qui vous est familier, ou avez-vous autre chose que vous aimez utiliser?

Crédit miniature: superkimbo

Remarque: En voulez plus? Si vous voulez en savoir plus sur James, abonnez-vous à notre newsletter hebdomadaire Tech Geek, Tech Times

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!