JavaScript-暂时性死区

1. ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称TDZ）。

2. TDZ使程序保持变量先声明后使用的习惯，让程序更加稳定。

下面列举几种使用let、var声明变量的对比：

console.log(web);
let web = "baidu.com";//Uncaught ReferenceError: Cannot access 'web' before initialization

console.log(web);//undefined (变量提升)
var web = "baidu.com";

var web = "baidu.com";
function run() {
  console.log(web);//baidu.com
}
run();

let web = "baidu.com";
function run() {
  console.log(web);//baidu.com
}
run();

var web = "baidu.com";
function run() {
 console.log(web);//undefined
 var web = "google.com";
}
run();
console.log(web);//baidu.com

let web = "baidu.com";
function run() {
  console.log(web); //Uncaught ReferenceError: Cannot access 'web' before initialization at run
  let web = "google.com";
}
run();
console.log(web);

let web = "baidu.com";
function run() {
  let web = "google.com";
  console.log(web);//google.com
}
run();
console.log(web);//baidu.com

function run(a = b, b = 3) {
	console.log(a);
}
run();//Uncaught ReferenceError: Cannot access 'b' before initialization at run

function run(a = 3, b = a) {
	console.log(b);//3
}
run();

“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。

typeof x;// Uncaught ReferenceError: Cannot access 'x' before initialization
let x;