Heim > Artikel > Web-Frontend > Warum zitiert es6 let?

Warum zitiert es6 let?

WBOYOriginal: 2022-08-23 17:14:261840Durchsuche

Da let in if- und for-Schleifen einen Gültigkeitsbereich hat, hat es6 keinen Gültigkeitsbereich in if- und for-Schleifen. Nur der Funktionsumfang kann verwendet werden, um das Problem der Referenzierung von Variablen außerhalb des Gültigkeitsbereichs zu lösen let hat einen Gültigkeitsbereich auf Blockebene, ein „{}“ ist ein Gültigkeitsbereich.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Warum zitiert es6 let

Weil var keinen Gültigkeitsbereich in if- und for-Schleifen hat und nur der Funktionsumfang verwendet werden kann, um das Problem der Referenzierung von Variablen außerhalb des Gültigkeitsbereichs zu lösen, während let Blöcke in if- und for-Schleifen hat? Umfang, dies ist eine Funktion, die var nicht hat, daher wird in es6 das Schlüsselwort let anstelle von var verwendet.

Denn in früheren JavaScript-Versionen (vor ES5) hatte var keinen Gültigkeitsbereich in if- und for-Schleifen. Nur der Funktionsumfang kann verwendet werden, um das Problem der Referenzierung von Variablen außerhalb des Gültigkeitsbereichs zu lösen.

In ES6 wurde dies hinzugefügt In if und for hat let einen Gültigkeitsbereich auf Blockebene. Ein {} ist ein Gültigkeitsbereich, dh let deklariert Variablen auf Blockebene, dh lokale Variablen. Wenn unser geänderter Bezeichner nicht geändert und zugewiesen werden soll, verwenden Sie const

Es wird empfohlen, const zuerst in der ES6-Entwicklung zu verwenden und let nur zu verwenden, wenn Sie einen Bezeichner ändern möchten

Lassen Sie uns drei Hauptfunktionen betrachten:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>使用let关键字声明变量</title>
  </head>
  <body>
    <script>
      //let关键字用于声明变量的,使用let关键字声明的变量具有块级作用域
      let num = 10;
      console.log(num);
      //错误使用let(let声明变量只在所处于的块级有效)
      if (true) {
        let nums = 100;
      }
      console.log(nums); //nums is not defined
    </script>
  </body>
</html>

Der Browser-Controller läuft wie folgt:

Hinweis: var wird zum Deklarieren globaler Variablen verwendet und hat keinen Gültigkeitsbereich auf Blockebene

 // 在一个大括号中
 // 使用let关键字声明的变量才具有块级作用域，var关键字是不具备这个特点的
            if(true) {
              let a = 100;var b = 200;
            }
            console.log(a);
            consoLe.log(b);

Der Browser-Controller läuft wie folgt:

[Verwandte Empfehlungen : Warum zitiert es6 let? Javascript-Video-Tutorial

Web-Frontend

]

Das obige ist der detaillierte Inhalt vonWarum zitiert es6 let?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was ist ein Web-Frontend-Ingenieur?Nächster Artikel：Was ist ein Web-Frontend-Ingenieur?

In Verbindung stehende Artikel

Mehr sehen