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

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

php是最好的语言
リリース: 2018-08-03 09:22:12
オリジナル
2731 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート