Comment changer les variables globales en javascript

JavaScript est un langage dynamique basé sur les objets, très flexible, facile à apprendre et à utiliser, et largement utilisé dans le développement Web, le développement de jeux, le développement d'applications mobiles et d'autres domaines. Parmi elles, les variables globales sont le type de variable le plus couramment utilisé dans la programmation JS, et leurs valeurs sont accessibles et modifiées par n'importe quel code du programme. Dans cet article, nous verrons comment modifier les variables globales en JavaScript.

1. Définition des variables globales

En JavaScript, déclarer une variable via le mot-clé var ou une affectation directe (sans ajouter var) signifie déclarer une variable locale. Les variables déclarées en dehors d'une fonction sont des variables globales et peuvent être consultées et modifiées tout au long du programme. Par exemple :

var a = 1; //声明一个全局变量a
function test(){
  console.log(a); //输出1
}
test();

2. Comment changer les variables globales

1. Affectation directe

Nous pouvons changer la valeur des variables globales en attribuant directement des valeurs aux variables globales. Par exemple :

var a = 1; //全局变量a的值为1
function test(){
  a = 2; //直接为全局变量a赋值2
  console.log(a); //输出2
}
test();
console.log(a); //输出2

Après avoir réaffecté la variable globale à l'intérieur de la fonction, la valeur de la variable sera également modifiée.

2. Objet window

L'objet window est un objet global en JavaScript, qui fournit un moyen d'accéder aux variables et fonctions globales. Les variables globales peuvent être modifiées via l'objet window. Par exemple :

var a = 1; 
function test(){
  window.a = 2; //通过window对象修改全局变量a的值
  console.log(a); //输出2
}
test();
console.log(a); //输出2

Les variables globales sont accessibles via l'objet window à l'intérieur de la fonction, et la valeur de la variable globale peut être modifiée directement.

3. ce mot-clé

Dans l'environnement global, cela pointe vers l'objet fenêtre. Par conséquent, la valeur des variables globales peut également être modifiée via le mot-clé this. Par exemple :

var a = 1; 
function test(){
  this.a = 2; //通过this关键字修改全局变量a的值
  console.log(a); //输出2
}
test();
console.log(a); //输出2

4. Modification d'objet global

Les variables globales sont en fait des propriétés de l'objet global, donc la valeur de la variable globale peut être modifiée via l'objet global. Dans l'environnement du navigateur, l'objet global est l'objet window et dans l'environnement Node.js, l'objet global est l'objet global. Par exemple :

var a = 1; 
function test(){
  window.a = 2; //通过全局对象修改全局变量a的值
  console.log(a); //输出2
}
test();
console.log(a); //输出2（在浏览器环境下）

Dans l'environnement Node.js, vous pouvez modifier la valeur des variables globales via l'objet global :

var a = 1;
function test(){
    global.a = 2; //通过全局对象修改全局变量a的值
    console.log(a); //输出2
}
test();
console.log(a); //输出2（在Node.js环境下）

3. Notes

1. Lors de la déclaration de variables sans ajouter de var, les variables définies sont des variables globales, qui peut facilement provoquer des variables. Les problèmes de contamination et de noms en double doivent être évités autant que possible.
2. Lorsque vous modifiez des variables globales à l'intérieur d'une fonction, vous devez faire attention s'il y aura des effets secondaires, qui pourraient affecter d'autres parties du programme.
3. Les variables globales sont fréquemment utilisées dans les programmes et doivent être standardisées lors de la définition pour faciliter la lisibilité et la maintenabilité du programme.

En bref, les variables globales en JavaScript sont l'un des types de variables les plus couramment utilisés en programmation. Comment modifier correctement leurs valeurs est également l'une des clés pour améliorer l'efficacité de la programmation et la qualité du code. Les méthodes ci-dessus sont les principaux moyens de modifier les variables globales en JavaScript. Nous devons combiner les besoins réels de développement et nous entraîner davantage pour mieux maîtriser leur utilisation.

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!