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
Libérer: 2024-12-02 05:27:12
original
857 Les gens l'ont consulté

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);
  };
}
Copier après la connexion

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);
  }
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal