Quelles sont les différences dans les syntaxes de déclaration de variables Javascript (y compris les variables globales) ?

Différences dans la syntaxe de déclaration des variables en Javascript (y compris les variables globales)

Introduction

Javascript fournit plusieurs syntaxes pour déclarer des variables , y compris les mots-clés var, let et const. Ces syntaxes diffèrent par leur comportement, leur portée et leur interaction avec l'objet global.

Différences de syntaxe et de comportement

1. var a = 0;

• Déclare une variable globale, qui devient une propriété de l'objet global (fenêtre sur les navigateurs ou potentiellement celle-ci sur d'autres plateformes).
• La variable la liaison est créée avant l'exécution de tout code, ce qui la rend accessible dans toute la portée globale.
• La propriété créée est énumérable.

1.1 soit a = 0 ; (Introduit dans ES2015)

• Déclare une variable globale dans l'environnement global mais pas en tant que propriété de l'objet global.
• La liaison de variable est créée avant l'exécution du code, mais la variable est inaccessible jusqu'à ce que l'instruction let soit atteinte (zone morte temporelle).
• La variable a une portée de bloc, contrairement à var.

1,2 const a = 0; (Introduit dans ES2015)

• Similaire à let mais déclare une variable constante (immuable).
• Doit se voir attribuer une valeur initiale.
• Empêche les accidents réaffectation.

2. a = 0;

• Tentatives de déclaration implicite d'une variable globale sans utiliser de mot-clé.
• Fortement déconseillée et peut conduire à des erreurs, notamment en mode strict.

3. window.a = 0;

• Attribue explicitement une propriété à l'objet global, créant ainsi une variable globale.
• Peut également être écrit sous la forme globalThis.a = 0; (introduit dans ES2020) ou this.a = 0 ; dans le cadre mondial.

4. this.a = 0;

• Similaire à window.a = 0; mais l'utilise pour accéder à l'objet global.
• Peut être utilisé pour une compatibilité ascendante ou pour éviter des problèmes potentiels de minification ou d'autres optimisations.

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!