Maison  >  Article  >  interface Web  >  Scénarios applicables et différences : var, let et const

Scénarios applicables et différences : var, let et const

WBOY
WBOYoriginal
2024-02-23 23:15:071043parcourir

Scénarios applicables et différences : var, let et const

var, let et const sont trois façons de déclarer des variables en JavaScript. Elles présentent quelques différences dans les scénarios d'utilisation et les différences. Cet article présentera respectivement leurs scénarios d'utilisation et leurs différences spécifiques, et fournira des exemples de code correspondants.

1. Scénarios d'utilisation et différences de var :
var est un mot-clé introduit dans ES5 pour déclarer des variables, et sa portée est la portée de la fonction. Une variable var déclarée à l'intérieur d'une fonction n'est pas accessible en dehors de la fonction. Cependant, si vous attribuez directement une valeur à une variable sans la déclarer, une variable globale sera créée. C'est un inconvénient de var et peut facilement provoquer une pollution variable.

Exemple de code :

function example() {
  var x = 10;
  if (x > 5) {
    var y = 5;
    console.log(y);  // 输出:5
  }
  console.log(y);  // 输出:5
}

Dans l'exemple de code ci-dessus, y est une variable var déclarée à l'intérieur du bloc if, mais toujours accessible en dehors du bloc if.

2. Les scénarios d'utilisation et les différences de let :
let est un mot-clé de déclaration de variable de portée au niveau du bloc introduit dans ES6, et sa portée est une portée au niveau du bloc. La portée au niveau du bloc peut être comprise comme un bloc de code entouré d'une paire d'accolades {}, comme des instructions if, des boucles for, etc. En utilisant let, vous pouvez créer une variable locale à l'intérieur du bloc de code déclaré sans lever la déclaration de variable.

Exemple de code :

function example() {
  let x = 10;
  if (x > 5) {
    let y = 5;
    console.log(y);  // 输出:5
  }
  console.log(y);  // 报错:y is not defined
}

Dans l'exemple de code ci-dessus, y est une variable let déclarée à l'intérieur du bloc d'instruction if. Étant donné que sa portée n'est valide qu'à l'intérieur du bloc d'instruction if, elle n'est pas accessible en dehors du bloc d'instruction if.

3. Scénarios d'utilisation et différences de const :
const est le mot-clé de déclaration constante introduit dans ES6. C'est également une portée au niveau du bloc comme let. La valeur d'une constante déclarée ne peut pas être modifiée après sa déclaration et doit être initialisée immédiatement une fois déclarée. Les constantes déclarées ne peuvent pas être réaffectées, sinon une erreur sera signalée.

Exemple de code :

const PI = 3.14;
PI = 3;  // 报错:Assignment to constant variable

function example() {
  const x = 10;
  if (x > 5) {
    const y = 5;
    console.log(y);  // 输出:5
  }
  console.log(y);  // 报错:y is not defined
}

Dans l'exemple de code ci-dessus, PI est une constante et ne peut pas être modifié une fois attribué. Dans l'exemple de fonction, y est également une constante, qui n'est valide qu'à l'intérieur du bloc d'instruction if et n'est pas accessible en dehors du bloc d'instruction if.

En résumé, var convient aux déclarations de variables dans la portée de la fonction, let convient aux déclarations de variables au niveau du bloc et const convient à la déclaration de constantes non modifiables. Une utilisation appropriée de ces trois méthodes de déclaration de variables peut améliorer la lisibilité et la maintenabilité du code.

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