ホームページ  >  記事  >  ウェブフロントエンド  >  知っておくべきES6の新機能: letコマンドとconstコマンドの詳細な説明

知っておくべきES6の新機能: letコマンドとconstコマンドの詳細な説明

零下一度
零下一度オリジナル
2017-04-22 10:05:361278ブラウズ

この記事では、ES6の新機能のうちletコマンドとconstコマンドを中心に、letコマンドとconstコマンドの機能や使い方、注意点などをサンプル形式で紹介していますので、参考にしてください。この記事では、プロパティの ES6 let および const コマンドの新機能について説明します。参考までに皆さんにも共有してください。詳細は以下の通りです:

1. letコマンド① jsにはブロックレベルのスコープはありません。 varで宣言された変数のスコープは関数本体全体です。 , そして let は This function の役割を果たすことができます

{
  let a = 1;
  var b = 2;
}
console.log(b); // 2
console.log(a); // a is not defind

② そして let はこの役割を担うことができます。js 内の変数と関数の宣言は、実行のために現在のスコープの先頭に引き上げられます。これにより問題が発生します。

var a = [];
//函数和变量i会最先进行声明,同时全局变量i经过for循环赋值为10
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
console.log(i);//10
a[6]();//10

letを使うとこの問題は解決します

for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); //6

③ varとは異なり、letは「変数昇格」現象を引き起こしません

console.log(a); // a is not defined
let a = 1;

④ letは同じブロックレベルのスコープ内で同じ変数を繰り返し宣言することを許可しません

// 报错
{
  let a = 10;
  var a = 1;
}
// 报错
{
  let a = 10;
  let a = 1;
}

2. constコマンド① constは変数の宣言にも使いますが、定数を宣言します。定数の値は、一度宣言すると変更できません。

② letと同様、同じブロックレベルのスコープ内で同じ変数を繰り返し宣言することはできません。

③ const のスコープは let コマンドと同じで、宣言されたブロックレベルのスコープ内でのみ有効です。

const PI = 3.1415;
console.log(PI); // 3.1415
//PI = 3; // Assignment to constant variable.(不能给常量赋值)
//const PI = 3.1;// Identifier &#39;PI&#39; has already been declared

js を学習する必要がある学生は、php 中国語 Web サイトに注意してください

js ビデオ チュートリアル

、多くの js オンライン ビデオ チュートリアルは無料で視聴できます。

以上が知っておくべきES6の新機能: letコマンドとconstコマンドの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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