なぜes6はletを引用するのですか?-フロントエンドQ&A-php.cn

なぜes6はletを引用するのですか?

WBOY

リリース： 2022-08-23 17:14:26

オリジナル

1854 人が閲覧しました

let には if ループと for ループにブロックレベルのスコープがあるため、es6 では let; var が if ループと for ループにスコープを持たず、関数のスコープのみを使用して参照スコープを解決できるようになりました。外部変数に問題があり、let にはブロックレベルのスコープがあります。「{}」はスコープです。

なぜes6はletを引用するのですか?

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6let を参照する理由

var には if ループと for ループにスコープがないため、関数のスコープのみを使用してスコープ外の変数を参照する問題を解決できます。 for ループにはブロックレベルのスコープがあり、これは var にはない機能であるため、es6 では var の代わりに let キーワードが使用されます。

以前の JavaScript (ES5 より前) では、var には if ループと for ループ内にスコープがなかったため、スコープ外の変数を参照する問題は function のスコープを使用することによってのみ解決できました

Let が ES6 に追加されました。if と for にブロックレベルのスコープがあります。let にはブロックレベルのスコープがあります。{} はスコープです。つまり、let はブロックレベルの変数、つまりローカル変数を宣言します。 .

const にはブロックレベルのスコープもあります。変更した識別子を変更して割り当てたくない場合は、const

を使用してください。必要な場合にのみ、ES6 開発で最初に const を使用することをお勧めします。 Let を変更するには Let

let の 3 つの主要な特性は、識別子を使用する場合にのみ使用されます。

変数の宣言に使用されるキーワードは、宣言する必要があります。
#を使用して宣言された変数はブロックレベルのスコープを持つようにします
一時的なデッドゾーン機能

以下では、ケースを通して子供のブーツを分析します:

<!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>

ログイン後にコピー

ブラウザコントローラーは次のように実行されます:

なぜes6はletを引用するのですか?

注: var はグローバル変数を宣言するために使用されます。、ブロックレベルのスコープではありません

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

ログイン後にコピー

ブラウザコントローラーは次のように実行されます:

なぜes6はletを引用するのですか?