Quelle est la différence entre var, let et const en JavaScript ?

Différences : 1. Les variables déclarées par var appartiennent à la portée de la fonction, tandis que les variables déclarées par let et const appartiennent à la portée au niveau du bloc ; 2. La promotion des variables existe dans var, mais pas dans let et const 3. Les variables Var peuvent être déclarées de manière répétée, mais dans la même portée au niveau du bloc, les variables let ne peuvent pas être redéclarées et les variables const ne peuvent pas être modifiées.

Tutoriel recommandé : "Tutoriel vidéo JavaScript"

Déclaration de variables en JavaScript avant l'émergence d'ES6 (ES2015) Uniquement via le mot-clé var, la déclaration de fonction se fait via le mot-clé function.Après ES6, les méthodes de déclaration incluent var, let, const, function, class.Cet article traite principalement des différences entre var, let et const.

Comprendre var

Si vous déclarez une variable à l'aide du mot-clé var, alors la variable appartient à la portée de la fonction actuelle. Si la déclaration se produit au niveau supérieur en dehors de tout. déclaration de fonction, alors cette variable appartient à la portée globale. Par exemple :

var a = 1; //此处声明的变量a为全局变量
function foo(){
   var a = 2;//此处声明的变量a为函数foo的局部变量
   console.log(a);//2
}
foo();
console.log(a);//1

Si vous omettez var lors de la déclaration d'une variable, la variable deviendra une variable globale. Si la variable existe dans la portée globale, sa valeur sera mise à jour. Par exemple :

var a = 1; //此处声明的变量a为全局变量
function foo(){
   a = 2;//此处的变量a也是全局变量
   console.log(a);//2
}
foo();
console.log(a);//2

Remarque : les variables déclarées avec var sont sujettes au levage.

Comprendre "promotion"

La promotion signifie que peu importe où var apparaît dans une portée, cette déclaration appartient à l'ensemble de la portée actuelle, partout où elle est accessible. Notez que seules les déclarations de variables seront promues, pas les affectations aux variables. Comme le montre l'exemple suivant :

console.log(a);//undefined
var a = 1;

Ce segment de code a la même logique que le segment de code suivant :

var a;
console.log(a);//undefined
a = 1;

Et si une variable non déclarée est exploitée, une erreur sera signalée

console.log(b);//假设b未声明过，Uncaught ReferenceError: b is not defined

Comprendre let

Les variables déclarées par let ont les caractéristiques suivantes :

• Les variables déclarées par let ont les caractéristiques de la portée du bloc.

• Les variables ne peuvent pas être déclarées à plusieurs reprises dans la même portée au niveau du bloc.

• Il n'y a pas de promotion de variable pour les variables déclarées par let. En d'autres termes, il y a une zone morte temporaire (TDZ) dans la déclaration let.

Comme le montrent les exemples suivants

let a = 1;
console.log(a);//1
console.log(b);//Uncaught ReferenceError: b is not defined
let b = 2;

function foo(){
    let a = 1;
    let a = 2;//Uncaught SyntaxError: Identifier 'a' has already been declared
}

Ce qui suit est un exemple classique de var et let :

for (var i = 0; i < 10; i++) {
    setTimeout(function(){
        console.log(i);
    },100)
};

Après l'exécution du code, 10 10s seront imprimés sur la console. S'ils sont modifiés en :

for (let i = 0; i < 10; i++) {
    setTimeout(function(){
        console.log(i);
    },100)
};

, une fois le code exécuté, 0-9 sera imprimé sur la console

Comprendre const .

La méthode de déclaration const, en plus des caractéristiques ci-dessus de let, a également une caractéristique, c'est-à-dire que les variables définies par const ne peuvent pas être modifiées une fois définies, c'est-à-dire que ce qui est déclaré par const est un constante.

Par exemple :

const a = 1;
console.log(a);//1
a = 2;
console.log(a);//Uncaught TypeError: Assignment to constant variable.

Cependant, cela ne signifie pas que le contenu interne d'une variable déclarée par const est immuable, comme :

const obj = {a:1,b:2};
console.log(obj.a);//1
obj.a = 3;
console.log(obj.a);//3

Donc pour être précis, une déclaration const crée une valeur Une référence en lecture seule. Mais cela ne signifie pas que la valeur qu'elle contient est immuable, mais simplement que l'identifiant de la variable ne peut pas être réaffecté.

Résumé des différences

• Les variables déclarées par var appartiennent à la portée de la fonction, tandis que les variables déclarées par let et const appartiennent à la portée au niveau du bloc ;

• var a un phénomène de promotion variable, mais let et const n'ont pas ce phénomène

• var variable peut être déclarée à plusieurs reprises, mais dans le même portée au niveau du bloc, les variables let ne peuvent pas être redéclarées et les variables const ne peuvent pas être modifiées.

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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!