Un article présentant l'utilisation de var en JavaScript

PHPz
Libérer: 2023-04-24 14:19:30
original
2725 Les gens l'ont consulté

Le mot-clé var en langage JavaScript joue un rôle important dans la déclaration et la définition des variables. Cet article présentera l'utilisation et les précautions d'utilisation de var en JavaScript.

1. Définir des variables avec var
var peut être utilisé pour définir des variables, et les variables portant le même nom peuvent être définies plusieurs fois dans le même programme. En JavaScript, par exemple :

var message = "hello world";
var count = 10;
Copier après la connexion

Deux variables message et count sont définies ici, auxquelles sont affectées respectivement les chaînes "hello world" et 10. Il convient de noter que les variables définies par var sont des variables globales, c'est-à-dire qu'elles peuvent être utilisées dans la portée globale.

2. Déclarez des variables avec var
En plus de définir des variables, var peut également être utilisé pour déclarer des variables. En JavaScript, lors de la déclaration d'une variable, la variable peut être d'abord définie, puis affectée d'une valeur ultérieurement. Par exemple :

var a;
a = 10;
Copier après la connexion

Ce code déclare d'abord la variable, puis attribue sa valeur à 10. Il est à noter que si aucune valeur initiale n'est spécifiée lors de la définition d'une variable, JavaScript attribuera la valeur de la variable à undefined.

3. Promotion Var
En JavaScript, les variables définies par var seront promues. Cela signifie que le moteur JavaScript déplacera les variables déclarées par var vers le haut du bloc de code, quel que soit l'endroit où la variable est définie dans le code. Par exemple :

console.log(a);
var a = 10;
console.log(a);
Copier après la connexion

Dans cet exemple, la valeur de a n'est pas définie car a n'a pas reçu de valeur dans la première ligne de code. Cependant, lorsque le moteur JavaScript exécute le code, il élève automatiquement la déclaration de variable en haut de la portée. Par conséquent, la sortie n’est pas définie.

4. Var Scope
Les variables définies par var sont valides dans la portée déclarée. En JavaScript, vous pouvez utiliser var pour définir de nouvelles variables n'importe où, mais dans une fonction, les variables définies par var ne sont valides que dans la fonction. Par exemple :

var a = 10;
function test() {
    var a = 20;
    console.log(a);
}
test();
console.log(a);
Copier après la connexion

Dans cet exemple, la variable a est définie comme 20 à l'intérieur de la fonction et 10 en dehors de la fonction. Lorsque la fonction test est appelée, elle affichera 20. Lorsque la fonction de test se termine, la valeur de a sera restaurée à 10 car a est défini dans la portée de la fonction.

5. Redéfinir les variables avec var
En JavaScript, utiliser var pour définir une variable du même nom ne provoquera pas d'erreur, mais sera écrasée. Par exemple :

var a = 10;
var a = 20;
console.log(a);
Copier après la connexion

Dans cet exemple, la variable a se voit attribuer une valeur de 10 lorsqu'elle est définie pour la première fois, puis change sa valeur en 20 lorsqu'elle est définie pour la deuxième fois. Le résultat est donc 20.

6. Var et variables globales
En JavaScript, les variables définies par var sont des variables globales. Les variables globales sont accessibles de n'importe où, y compris au sein des fonctions. Par exemple :

var a = 10;
function test() {
    console.log(a);
}
test();
Copier après la connexion

Dans cet exemple, la fonction test peut accéder à la valeur de la variable globale a (sortie 10). Il convient de noter que les variables globales peuvent détruire l'encapsulation et la cohésion du programme, leur utilisation doit donc être évitée autant que possible.

7.Résumé
En JavaScript, il est très courant de définir des variables avec var. Il peut être utilisé pour définir des variables, déclarer des variables, promouvoir des variables et porter une portée. Comprendre ces concepts et maîtriser les techniques d'utilisation de var peut aider les développeurs à écrire un meilleur code JavaScript.

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
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal