Comprendre JavaScript et comprendre l'instruction let

JavaScript sera impliqué dans notre étude ou notre travail, nous devons donc également comprendre JavaScript. L'instruction let est une grande partie de JavaScript. Cet article vous aidera à comprendre et à maîtriser l'instruction let, étudions-la attentivement.

vous permet de créer des variables locales de portée bloc en JavaScript à l'aide de l'instruction let. L'instruction let a été introduite dans la norme ECMAScript 6 pour JavaScript. Avant de vous plonger dans les instructions let, je vous recommande de consulter l'interface utilisateur Ignite basée sur la bibliothèque Infragistics jQuery, qui peut vous aider à écrire et à exécuter des applications Web plus rapidement. Vous pouvez utiliser l'interface utilisateur Ignite de la bibliothèque JavaScript pour résoudre rapidement des besoins LOB complexes en HTML5, jQuery, Angular, React ou ASP.NET MVC. (Vous pouvez télécharger un essai gratuit d'Ignite UI ici.)

Avant ECMAScript 6, JavaScript avait trois types de portée :

Portée globale

Portée de la fonction

Portée du vocabulaire

Pour explorer l'instruction let en détail, considérez l'extrait de code suivant :

function foo() {
    var x = 9;
    if (x > 5) {
        var x = 7;
        console.log("Value of x in if statement = " + x);
    }
    console.log("Value of x outside if statement = " + x);
}
foo();

Le résultat obtenu par le code ci-dessus :

Dans le code ci-dessus, nous déclarons la variable x à l'aide de l'instruction var. Par conséquent, la portée de la variable x est la portée de la fonction. La variable x à l'intérieur de l'instruction if est la variable x créée en dehors de l'instruction if. Par conséquent, lorsque vous modifiez la valeur de la variable x dans le bloc d'instruction if, les valeurs de toutes les références à la variable x dans la fonction seront également modifiées.

Pour éviter cela, vous devez utiliser la portée au niveau du bloc, l'instruction let vous permet de créer des variables locales de portée bloc.

Modifiez l'extrait de code ci-dessus et utilisez l'instruction let pour déclarer la variable :

function foo() {
    var x = 9;
    if (x > 5) {
        let x = 7;
        console.log("Value of x in if statement = " + x);
    }
    console.log("Value of x outside if statement = " + x);
}
foo();

Dans l'extrait de code ci-dessus, nous utilisons l'instruction let pour déclarer la variable locale au niveau de la portée x . Par conséquent, la mise à jour de la valeur de la variable x à l'intérieur de l'instruction if n'affecte pas la valeur de la variable x en dehors de l'instruction if.

Voici le résultat du code ci-dessus :

est différent des variables déclarées à l'aide de la fonction scope (ou global scope), les variables déclarées à l'aide de let ont une portée de bloc : elles n'existent que dans le bloc dans lequel elles sont définies.

Levage de variables

Les variables déclarées à l'aide de let sont levées différemment des variables déclarées à l'aide de var. Par conséquent, les variables déclarées à l'aide de let n'ont pas de levage de variable, ce qui signifie que les variables déclarées à l'aide de let ne sont pas déplacées vers le haut du contexte d'exécution.

Pour mieux comprendre cela, jetez un œil au morceau de code suivant :

function foo() {
    console.log(x);
    console.log(y);
    var x = 9;
    let y = 67;
}
foo();

En sortie, vous obtiendrez une ReferenceError pour la variable y, qui est déclarée à l'aide de l'instruction let. Les variables déclarées à l'aide de let ne sont pas hissées au-dessus du contexte d'exécution.

Redéclarer une variable

Vous ne pouvez pas redéclarer une variable en utilisant let dans la même fonction ou le même bloc. Cela entraînerait une erreur de syntaxe. Veuillez regarder le code suivant :

function foo() {
    if(true){
        let x = 9;
        let x = 89;
    }
}
foo();

Une erreur de syntaxe apparaîtra lors de l'exécution du code ci-dessus, comme indiqué ci-dessous :

Temporaire zone morte

Parfois, les variables déclarées à l'aide de let peuvent provoquer des zones mortes temporaires. Dans le code suivant, let x=x+67 lèvera une exception x ​​non définie.

Cette erreur se produit car l'expression (x + 67) recherche la valeur de la variable locale x dans la portée du bloc if, et non la variable locale x dans la portée de la fonction. Exécutez le code ci-dessus et vous obtiendrez une exception comme celle-ci :

La portée au niveau du bloc est l'une des fonctionnalités les plus importantes de tout langage de programmation et est fourni avec Avec l'introduction de l'instruction let dans ECMAScript 6, JavaScript dispose désormais également de cette fonctionnalité. L'utilisation de l'instruction let permet la création d'une variable limitée à la portée du bloc. Cela peut résoudre de nombreux problèmes, tels que la modification inattendue des variables de portée globale, des variables locales dans les fermetures et aider à écrire un code plus propre.

Dans le prochain article de la série Comprendre JavaScript, nous présenterons le paramètre rest dans les fonctions JavaScript. Vous pouvez en savoir plus à ce sujet sur le site php.cn. N'oubliez pas non plus de consulter Ignite UI, qui peut être utilisé avec HTML5, Angular, React ou ASP.NET MVC pour vous aider à créer des applications Internet riches.

Ce qui précède concerne la compréhension de JavaScript et le texte intégral de la déclaration let. Les amis intéressés peuvent en discuter ensemble.

Lecture connexe :

Comprendre JavaScript, paramètres par défaut dans les fonctions

Implémentation de js natif Movable code source de la boîte de div rapide

Compétences en débogage JavaScript que vous ne connaissez peut-être pas

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!