Maison >interface Web >js tutoriel >Quand et comment dois-je utiliser le mot-clé « var » en JavaScript ?

Quand et comment dois-je utiliser le mot-clé « var » en JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-22 18:13:09202parcourir

When and How Should I Use the `var` Keyword in JavaScript?

Comprendre l'objectif et l'utilisation du mot-clé 'var' en JavaScript

En JavaScript, le mot-clé 'var' joue un rôle important dans la déclaration des variables, la détermination de la portée, et le levage. Cependant, savoir quand et comment il doit être utilisé (ou omis) peut prêter à confusion. Cet article vise à clarifier l'objectif de 'var' et à guider les développeurs dans la prise de choix éclairés.

Fonction du mot clé 'var'

Déclaration de variable :
L'objectif principal de « var » est de déclarer des variables en JavaScript. Il permet aux développeurs de créer des entités nommées pouvant stocker des valeurs. Par exemple :

var someNumber = 2;
var someFunction = function() { doSomething; }
var someObject = { };

L'utilisation de 'var' garantit que ces variables sont créées et initialisées avec les valeurs spécifiées.

Détermination de la portée

Portée globale :
Lorsque 'var' est utilisé dans la portée globale, la variable qu'il déclare devient globalement accessible tout au long du script. Ce comportement reste le même que le mot clé 'var' soit présent ou non :

// Global variable creation
var someNumber = 2;
// Equivalent to
someNumber = 2;

Portée de la fonction :
Au sein d'une fonction, l'utilisation de 'var' crée une variable locale limitée à la portée de la fonction. Cependant, si « var » est omis, JavaScript tente de trouver la variable dans la chaîne de portée :

function()
{
    // Local variable creation
    var foo = 1;
    // Global variable access
    bar = 2;
}

Dans cet exemple, « foo » est une variable locale, tandis que « bar » est une variable globale.

Levage

Portée globale :
Variables déclarées avec 'var' dans la portée globale sont hissés en haut du script. Cela signifie qu'elles sont effectivement déclarées avant l'exécution de tout code.

Portée de la fonction :
Les variables déclarées avec « var » dans les fonctions sont également hissées en haut du bloc fonctionnel, mais pas la portée globale.

Quand utiliser 'var'

Obligatoire pour Affectation :
Lors de l'attribution d'une valeur à une variable déjà déclarée, 'var' n'est pas nécessaire :

var x; // Variable declaration
x = 10; // Assignment

À l'inverse, si une variable est déclarée sans 'var' et ensuite affectée, JavaScript crée une nouvelle variable globale.

Contrôle de la portée variable :
Dans les cas où il est important de limiter la portée d'une variable, l'utilisation de « var » dans les fonctions est cruciale. Cela garantit que la variable n'est accessible qu'au sein de cette fonction.

Quand omettre 'var'

Déclaration de portée globale :
Lors de la création intentionnelle de variables globales, en omettant ' var' peut être un choix privilégié, car JavaScript attribue automatiquement ces variables à l'objet global.

Function-Scoped Variables avec "let" (ECMAScript 6) :
Dans les versions plus récentes de JavaScript (ECMAScript 6), le mot-clé 'let' peut être utilisé pour déclarer des variables de portée bloc dans les fonctions, ce qui rend 'var' moins nécessaire pour ce but.

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