Maison > interface Web > js tutoriel > Comprendre les variables en JavaScript

Comprendre les variables en JavaScript

Mary-Kate Olsen
Libérer: 2025-01-22 00:33:11
original
358 Les gens l'ont consulté

Understanding Variables in 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>
Copier après la connexion
Copier après la connexion
Copier après la connexion

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

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

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

Exemple :

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

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>
Copier après la connexion
Copier après la connexion

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

Exemple :

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

let b = 20;
// let b = 25; // 错误:无法在同一作用域中重新声明变量</code>
Copier après la connexion

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

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

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

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

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!

source:php.cn
Article précédent:Bases de JavaScript : votre premier pas dans le développement Web Article suivant:Façons efficaces d'utiliser la balise
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal