提升：面向颞死区

所以，也许您正在考虑 var 与 let 和 const 之间的基本区别：“const 仅用于读取，let 是可变的，var 两者都是 ” 唯一的区别是 ES6 引入了 const 和let 和 var 是一个 老式语法。
嗯，一点也不。

---

分析一些例子

1.- 在这里，很明显我们不能在声明之前调用 let value

favCoffee = 'espresso'

function showFavoriteCoffe() {
  console.log(favCoffee)
}

showFavoriteCoffe() // Cannot access 'favCoffee' before initialization

let favCoffee

2.- 如果我们使用 var 代替 let:
，情况可能会改变

favCoffee = 'espresso'

function showFavoriteCoffe() {
  console.log(favCoffee)
}
showFavoriteCoffe() //espresso

var favCoffee

是的，也许它看起来像是var使用的额外力量。
这称为提升，一个允许您在声明变量之前使用变量的过程。

3.- 让我们考虑另一个例子：

console.log(favCoffee) // undefined
var favCoffee = 'americano'

尽管在这个例子中var也是提升，这里我们面对的是TDZ。

---

颞死区

它被定义为变量不可访问的状态，尽管它们在作用域内，但尚未声明。

{
/* TDZ starts
.
.
. */
var favCoffee = 'expresso' // TDZ ends
console.log(favCoffee) // expresso

}

---

感谢 ES6*

因此在提升过程中，由于 TDZ，默认情况下 JS 返回 var 值初始化为未定义，但使用 let 或const 它返回一个错误，指出变量尚未声明。因此，这对于捕获错误非常有帮助，并迫使您在声明变量之前避免使用变量

//using var
favCoffee = 'expresso'
var favCoffee
console.log(favCoffee) // undefined

//using const
favCoffee = 'expresso'
const favCoffee
console.log(favCoffee) // uncaught ReferenceError: Cannot access 'favCoffee' before initialization

（这就是为什么在编码时考虑使用像 ESLint 这样的报告标尺来避免一些错误很重要）。

---

结论

提升始终存在，因此尽可能使用 let 和 const 很重要，这可以避免未定义的错误并让您更快地捕获它们。

---

** ES6

以上是提升：面向颞死区的详细内容。更多信息请关注PHP中文网其他相关文章！