ホームページ  >  記事  >  ウェブフロントエンド  >  jsでのlet変数の詳しい使い方とvarとの違い

jsでのlet変数の詳しい使い方とvarとの違い

php是最好的语言
php是最好的语言オリジナル
2018-08-03 09:22:122661ブラウズ

let 変数をこれまで見たことがありませんでした。最近見つけたので、確認してみましょう。

宣言後に値を割り当てなくても、パフォーマンスは同じです

(function() {
      var varTest;
      let letTest;
      console.log(varTest); //输出undefined
      console.log(letTest); //输出undefined
    }());

宣言されていない変数を使用すると、パフォーマンスが異なります:

(function() {
  console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
  console.log(letTest); //直接报错:ReferenceError: letTest is not defined

  var varTest = 'test var OK.';
  let letTest = 'test let OK.';
}());

同じ変数を繰り返し宣言すると、パフォーマンスが異なります:

(function() {
      "use strict";
      var varTest = 'test var OK.';
      let letTest = 'test let OK.';

      var varTest = 'varTest changed.';
      let letTest = 'letTest changed.'; //直接报错:SyntaxError: Identifier 'letTest' has already been declared

      console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)
      console.log(letTest);
    }());

変数のスコープ、パフォーマンスは異なります:

(function() {
  var varTest = 'test var OK.';
  let letTest = 'test let OK.';

  {
    var varTest = 'varTest changed.';
    let letTest = 'letTest changed.';
  }

  console.log(varTest); //输出"varTest changed.",内部"{}"中声明的varTest变量覆盖外部的letTest声明
  console.log(letTest); //输出"test let OK.",内部"{}"中声明的letTest和外部的letTest不是同一个变量
}());

備考:

スコープが宣言されているブロックに制限されている変数を宣言するには、letステートメントを使用します。宣言時に変数に値を割り当てることも、スクリプトの後半で変数に値を割り当てることもできます。

letを使用して宣言された変数は、宣言前に使用することはできません。使用しないとエラーが発生します。

変数が

let ステートメントで初期化されていない場合は、JavaScript 値 未定義

が自動的に割り当てられます関連記事:

js で let と var を使用して変数を定義する方法

const in js、varとletの違い

以上がjsでのlet変数の詳しい使い方とvarとの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。