首页 > 文章列表 > 提升:面向颞死区

提升:面向颞死区

294 2025-02-14

提升:面向颞死区

所以,也许您正在考虑 var 与 let 和 const 之间的基本区别:“const 仅用于读取,let 是可变的,而 var 两者都是”,唯一的区别是 es6 引入了 constlet,并且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 值初始化为未定义,但使用 letconst 它返回一个错误,指出变量尚未声明。因此,这对于捕获错误非常有帮助,并迫使您在声明变量之前避免使用变量

//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

来源:https://dev.to/lariicsa/hoisting-facing-temporal-dead-zone-d88

本类最新

查看更多