ホームページ > 記事 > ウェブフロントエンド > JavaScript--ES6の説明
// ES6 — let
let a = 1;
if (1 === a) {
let b = 2;
}
for (let c = 0; c }
let d = 4;
}
console.log(b);は定義されていません
console.log(c); // ReferenceError: c が定義されていません
console.log(d); // ReferenceError: d が定義されていません
console.log(window.a) ; // 1
console.log(window.b); // 未定義
console.log(window.c); // 見ての通り、今回は変数 a のみがグローバルとして宣言されています。 let は、その外部では定義されていないブロック スコープ変数を宣言する方法を提供します。
//todo
var name = 'shitu91'
if(true) {
var name = 'shituketang'
}
console.log(name) //shituketang
使用変数これは、ES5 にはグローバル スコープと関数スコープのみがあり、ブロック レベルのスコープがないためです。
そして、実際に新しいブロックレベルのスコープを JavaScript に追加してみましょう。これで宣言された変数は、let コマンドが配置されているコード ブロック内でのみ有効です。
if (true) {
let name = 'shituketang'console.log(name) //shituketang
}
for (var i = 0; i a[i] = function () {
console.log(i);
};
}
a6; // 10
上記のコードでは、変数 i は var で宣言されており、グローバル スコープで有効です。したがって、ループするたびに、新しい i 値で古い値が上書きされ、最終出力は最後のラウンドの i の値になります。
letを使用する場合、この問題は発生しません。
var a = [];
for (let i = 0; i a[i] = function () {
console.log(i);
};
}
a6; // 6
demo3
var clickBoxs = document.querySelectorAll('.clickBox')
for (var i = 0; i < clickBoxs.length; i++){
clickBoxs[i].onclick = function(){
console .log(i)
}
console.log(i)
}
return onclick;
}
var clickBoxs = document.querySelectorAll('.clickBox')
for (var i = 0; i < clickBoxs.length; i++){
clickBoxs[i].onclick = iteratorFactory(i)
}
const は変数の宣言にも使用されます。定数の値は、一度宣言すると変更できません。
const PI = Math.PI
PI = 23 //モジュールのビルドに失敗しました: SyntaxError: /es6/app.js: "PI" is read-only
const で宣言された定数を変更しようとすると、ブラウザでエラーが発生します報告されます。 Const には優れたアプリケーション シナリオがあります。つまり、サードパーティのライブラリを参照するときに変数を宣言すると、将来の誤った名前変更によって引き起こされるバグを回避できます。 +
const monent = require('moment')
/ / todo
let キーワードで宣言された変数には、変数巻き上げ機能がありません
let および const 宣言は、最も近いブロック (中括弧内) でのみ有効です
const は、宣言時に値を割り当てる必要があります
Let:
変数の操作方法を変更できるようにする ES6 によって追加された新しいキーワード。JavaScript:
console.log (name;
let new_name = 'Max';
console.log(new_name);
"Max"
"Max"
let を使用すると、変数のスコープを制御できます。 「if」ステートメントの
コンソール:
"error"
"参照エラー: age が定義されていません別の例として、for ループ内で変数を使用する場合、インデックスはループの外では使用されなくなります。
以上がJavaScript--ES6の説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。