Comprendre les variables en JavaScript

Variables JavaScript : guide du débutant

Les variables JavaScript sont les éléments de base de la programmation, utilisées pour stocker et manipuler des données dans le code. Que vous soyez débutant ou vétéran de JavaScript, comprendre les variables et leur comportement est crucial.

Que sont les variables JavaScript ?

Les variables sont des conteneurs permettant de stocker des informations qui peuvent être utilisées et manipulées dans le programme. En termes simples, c'est comme un moyen de stocker les informations requises telles que des nombres, des chaînes ou d'autres types de données.

Points clés des variables JavaScript :

• JavaScript est un langage typé dynamiquement, ce qui signifie que les types de variables sont déterminés au moment de l'exécution.
• Pas besoin de définir explicitement le type de la variable.

JavaScript propose quatre façons de déclarer des variables :

1. Déclaration automatique
2. Utiliser let
3. Utiliser var
4. Utiliser const

---

Règles de dénomination des variables JavaScript

Il existe quelques règles pour nommer les variables :

1. Caractères autorisés : Les noms de variables ne peuvent contenir que des lettres (a-z, A-Z), des chiffres (0-9), $ et _.
   • Exemple : name, data1, sum
2. Règles de départ : Les noms de variables ne peuvent pas commencer par un chiffre.
   • Exemples invalides : 1data, 10Name
3. Case Sensible : Les noms de variables sont sensibles à la casse. Par exemple, result et Result sont deux variables différentes.
4. Évitez d'utiliser des mots-clés : N'utilisez pas de mots réservés (tels que let, return ou const) comme noms de variables.
5. Utilisez camelCase : Utilisez camelCase, tel que phoneNumber au lieu de phonenumber ou PhoneNumber.
6. Traits d'union non autorisés : Les traits d'union (-) ne sont pas autorisés dans les noms de variables.
7. Utilisez des noms significatifs : Utilisez toujours des noms descriptifs qui indiquent clairement ce que stocke la variable.
8. Évitez d'utiliser des lettres simples : Évitez d'utiliser des noms d'une seule lettre (par exemple x, a) sauf si cela est nécessaire (par exemple dans une boucle).

---

Types de variables JavaScript

1. Déclaration automatique

JavaScript peut attribuer des valeurs aux variables sans déclaration explicite :

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

2. Utiliser var

• Les variables déclarées à l'aide de var ont une portée de fonction ou une portée globale.
• a été introduit dans les versions antérieures de JavaScript et est désormais considéré comme obsolète, généralement remplacé par let ou const.

Grammaire :

<code class="language-javascript">var variable_name = value;</code>

Exemple :

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

3. Utiliser let

• Introduit dans ES6, let a une portée de bloc.
• Il permet de mettre à jour les valeurs des variables mais pas de redéclarer dans le même périmètre.

Grammaire :

<code class="language-javascript">var variable_name = value;</code>

Exemple :

<code class="language-javascript">var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>

4. Utiliser const

• Introduit dans ES6, const a également une portée de bloc.
• Sa valeur ne peut être ni mise à jour ni retraitée.

Grammaire :

<code class="language-javascript">let variable_name = value;</code>

Exemple :

<code class="language-javascript">let a = 10;
a = 15; // 允许：更新值
console.log(a); // 输出：15

let b = 20;
// let b = 25; // 错误：无法在同一作用域中重新声明变量</code>

---

La différence entre

var, let et const

Mots clés Portée Peut-il être mis à jour ? Peut-il être reformulé ? Remarques ête>

关键字	作用域	可以更新？	可以重新声明？	备注
var	函数作用域	是	是	不遵守块作用域
let	块作用域	是	否	用于需要更新的变量
const	块作用域	否	否	最适合常量和不可变值

Portée de la fonction Oui Oui Ne respecte pas la portée du bloc Portée du bloc Oui Non Pour les variables qui doivent être mises à jour Portée du bloc Non Non Idéal pour les valeurs constantes et immuables

---

Portée JavaScript

La portée d'une variable détermine où dans le programme elle est accessible.

Portée mondiale : accessible de n'importe où.

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

Portée locale : déclarée à l'intérieur d'une fonction et accessible uniquement à l'intérieur de la fonction.

<code class="language-javascript">var variable_name = value;</code>

Portée du bloc : uniquement disponible dans le bloc dans lequel il est déclaré.

<code class="language-javascript">var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>

Portée de la fonction : spécifique aux variables déclarées à l'aide de var.

---

Conseils importants

Promouvoir :

• Les variables déclarées avec var sont hissées en haut de leur portée mais restent non initialisées jusqu'à l'exécution.
• Les variables déclarées à l'aide de let et const sont également promues, mais sont dans une "zone morte temporaire" avant leur déclaration.

Exemple :

<code class="language-javascript">let variable_name = value;</code>

---

Bonnes pratiques

1. Utilisez const pour les valeurs qui ne changeront pas.
2. Utilisez let pour la variable à mettre à jour.
3. Évitez d'utiliser var dans le JavaScript moderne.

---

Questions d'entretien courantes

Quelle est la différence entre
1. var, let et const ?
2. Quelle est la portée des variables JavaScript ?
3. Expliquez le levage de variables avec des exemples.
4. peut-il être réaffecté à une variable déclarée à l'aide de const ?
5. Que se passe-t-il si vous déclarez une variable sans utiliser var, let ou const ?
6. Pourquoi est-il recommandé d'utiliser let et const au lieu de var ?
7. Qu'est-ce que la zone morte temporaire en JavaScript ?
8. Écrivez un extrait de code pour démontrer la portée du bloc à l'aide de let et const.
9. Que sont les types dynamiques en JavaScript ?
10. Comment JavaScript gère-t-il la redéclaration des variables ?

---

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!