Maison >interface Web >js tutoriel >Comment créer et utiliser des variables statiques en JavaScript ?

Comment créer et utiliser des variables statiques en JavaScript ?

DDD
DDDoriginal
2024-12-02 05:27:12953parcourir

How Do I Create and Use Static Variables in JavaScript?

Déchiffrement des variables statiques en JavaScript

En JavaScript, les objets sont des citoyens de première classe, ce qui signifie qu'ils peuvent posséder des propriétés et des méthodes. Si vous êtes familier avec les langages basés sur des classes et typés statiquement comme Java, vous avez probablement rencontré le concept de création de variables et de méthodes associées à des types plutôt qu'à des instances.

Pour accomplir cela en JavaScript, employons un Approche "classique" utilisant les fonctions du constructeur :

function MyClass () { 
  var privateVariable = "foo";  // Private variable 

  this.publicVariable = "bar";  // Public variable 

  this.privilegedMethod = function () {
    alert(privateVariable);
  };
}

Ici, staticProperty est défini directement sur l'objet MyClass, le rendant accessible à toutes les instances créées avec le constructeur. Cependant, il est essentiel de se rappeler qu'il n'a aucun lien direct avec ces instances.

Classes ES6 et variables statiques

Avec l'introduction des classes ES6, déclarer des variables statiques et méthodes devient un jeu d'enfant :

class MyClass {
  constructor() {
    this.publicVariable = 'public value'; 
  }

  publicMethod() {
    console.log(this.publicVariable);
  }

  // Static properties shared by all instances
  static staticProperty = 'static value';

  static staticMethod() {
    console.log(this.staticProperty);
  }
}

Dans cet exemple, staticProperty et staticMethod sont définis sans effort à l'aide du mot-clé static, permettant ils sont accessibles via la classe elle-même.

Comprendre les nuances des variables statiques en JavaScript est essentiel pour construire un code robuste et efficace, en particulier lorsque l'on exploite des concepts issus d'autres paradigmes de programmation.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn