es6?? ?? ???? ?? ?????. ?? let ? const ??? ??? ?? ??? ???? ?????. ?? ?? ??? let/const ??? ???? ??? ???? ??? ?? ??? ??? ? ??? ??? ???? ??? ??? "?? ?"? ????. ?? ????? "?? ?? ?"??? ???. ES6??? ?? ???? let ? const ??? ?? ??? ???? ??? ???? ????. ?? ?? ??? ??? ??? ??? ???? ?? ??? ???? ??? ?? ??? ???? ?? ???? ?? ????.

? ????? ?? ??: Windows 7 ???, ECMAScript ?? 6, Dell G3 ???.

?? ????? ??????

ES6??? ?? ?? ??? let/const ??? ???? ??? ???? ??? ?? ??? ??? ? ????. ??? "?? ?". ?????? ?? "?? ???"(TDZ)??? ???. ES ??? TDZ? ????? ???? ???, let? const? ???? ?? ??? ???? ?? ?? ?? ?????.

let/const? var? ???

ES6 ???? JS? ?? ??? ?? ?? ? ?? ??? ???? ES6??? ?? ?? ??? ??????. ?, let/const? ?????. ?? ?? ??? ??? ? ????. ??? ES6? ??? ?? ??? TDZ? ??? ???? ?? ?? ??? let/const? ???? ????. let/const? var ???? ? ?? ?? ???? ????.

• let/const? ?? ??? ????, var? ?? ??? ?????.
• let/const? ???? ?? ?? ??? ??? ????? ReferenceError ??? ?????. ; ??? var? ???? ?? ?? ??? ???? undefine? ?????

console.log(Vname); // undefined;
console.log(Lname); // ReferenceError
var Vname = 'xiaoxiao';
let Lname = 'xiaoxiao';

???? ?? var? ??? ??? ???? undefine? ????? let undefine ??? ???? ??? ????? ?? ??? ?? ???????. ??. ES6?? let?? ??? ??? ?? ?? ??? ?? ?????.

var x = 10;
if (true) {
    x = 20; // ReferenceError
    let x;
 }

ES6??? ??? let ? const ??? ?? ?? ? ???? ??? ???? ??? ??? ???? ?? ??? ????? ???? ?????. ?? ?? ??? ??? ???? ??? ?????. ?, ?? ?? ??? ??? let ??? ???? ??? ??? ??? ? ????. ?????? ?? "?? ???"(TDZ)??? ???.

if (true) {
  // TDZ開(kāi)始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // TDZ結(jié)束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

? ???? let ??? tmp ??? ???? ??? tmp ??? "dead zone"? ????.

typeof? "?? ?" ??

?? ??? typeof? ???? ??? ??? ??? ??? ???? ?? ?????? ??? ???? ? ??? ? ??? ?? ?? ????. ???? ??? ???? ?? ???? ???? ?????. ??? const/let?? ??? ??? ?? ??? ???? ?? typeof? ???? ??? ?????

typeof x; // ReferenceError
let x;

x? let? ???? ???? ??? x? ???? ??? ?? ???? ?? ??? ?????. typeof ? ??? ? ?????. ??? typeof? ??? ? let/const? ???? ??? ??? ??? ??? ?? ????.

typeof y; // 'undefined'

??? typeof? ???? ?? ?? ???? ??? ???? ???? ?? ? ? ????. ?? ?? const/let ??? ????? ????? ???? ?? ? ??? ???? ???? ?? ? ? ????. .

???? ??? "?? ?" ??

?? ?? ?? ?????

function bar(x = y, y = 2) {
  return [x, y];
}

bar(); // 報(bào)錯(cuò)

? ???? ????. ? ???? bar ??? ???? ??? ??? ???? ?????(?? ???? ??? ???? ?? ? ??)? ???? x ?????. ???? ?? ???? ???? "?? ?"? ??? ?? ???? y? ????. y? ???? x? ?? x? ?? ??????? ??? ???? ????.

function bar(x = 2, y = x) {
  return [x, y];
}
bar(); // [2, 2]

var ??? let ?? ??? ? ?? ??????.

// 不報(bào)錯(cuò)
var x = x;

// 報(bào)錯(cuò)
let x = x;
// ReferenceError: x is not defined

"?? ?"? ???? let? ???? ??? ??? ? ??? ???? ?? ??? ???? ??? ?????. ?? ?? ?? x? ???? ???? ?? x? ?? ????? "x? ???? ?????"?? ??? ???? ??? ????.

Summary

ES6??? ?? ??? ??? ??? ??? ???? ?? ???? ??? ?? ??? ???? ?? ???? ?? ?? ???? let ? const ??? ?? ??? ???? ???? ?????. ?? ?? ??? ES5?? ?? ?? ????, ?? ? ??? ??????? ??? ??? ?? ?? ? ????.

??? ???, ?? ???? ??? ?? ??? ?????? ????? ??? ?? ?????, ?? ??? ?? ????? ??? ??? ? ??? ????. ??? ???? ??? ?????.

??: TDZ? ?? const??? ?????? ??? let? ???? ???? ??????.

??: ES6 ???? const? ?? ??? ???? ??? ?? ???? ?? ??? ??? ????. const ???? ??? ??? JS?? ?? ??? ? ??? ??? ?? ????. ? ?? ???? ??? ? ??? ????.

【?? ??: javascript ??? ????, web front-end】

? ??? es6 ?? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!