为什么需要解决死区问题？
在 JavaScript 中，变量声明提前是很常见的事情。但是在使用 var 声明变量时，如果在作用域顶部先使用该变量，然后在该变量声明之前定义，那么就会导致该变量被“提前使用”但是未被定义，从而产生一系列问题。
例如：
console.log(x); // undefined var x = 10;
代码中的 x 变量在使用前未被定义，但却声明了一个 undefined 的变量，这就是所谓的“变量提升”现象。
而当我们使用 let 和 const 时，由于不存在变量提升，因此避免了这种死区问题。
let 和 const 的用法
在 ES6 中，let 和 const 是两个新的变量声明关键字，可以用来替代 var。
let
let 用来声明变量，与 var 不同的是，let 声明的变量只在当前作用域中生效。同时，let 也不存在变量提升，这意味着必须先声明再使用。
let x = 10; console.log(x); // 10
let 不允许重复声明同一个变量。
let x = 10; let x = 20; // Uncaught SyntaxError: Identifier 'x' has already been declared
const
const 也用来声明变量，但是其声明的是一个常量，这意味着该变量的值无法被修改。
const x = 10; x = 20; // Uncaught TypeError: Assignment to constant variable.
const 也需要在声明时进行初始化，之后无法再修改其值。
const x; // Uncaught SyntaxError: Missing initializer in const declaration
示例代码
-- -------------------- ---- -------
-- --- ------
-------- ------------ -
--- - - ---
-- ------ -
--- - - ---
--------------- -- --
-
--------------- -- --
-
-- ----- ------
-------- -------------- -
----- - - ---
- - --- -- -------- ---------- ---------- -- -------- ---------
-总结
使用 let 和 const 避免了 var 存在的“变量提升”问题，在作用域内直接声明和使用。const 用来声明常量，其值无法修改。使用 let 和 const 可以有效地避免死区问题，增强代码可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65950d38eb4cecbf2d94c67f