提升:面向颞死区

来源:undefined 2025-02-13 02:24:03 1017

所以,也许您正在考虑 var 与 let 和 const 之间的基本区别:“const 仅用于读取,let 是可变的,而 var 两者都是”,唯一的区别是 es6 引入了 constlet,并且var

是一个老式语法。

嗯,一点也不。

分析一些例子

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

value

1

2

3

4

5

6

7

8

9

favcoffee = espresso

function showfavoritecoffe() {

console.log(favcoffee)

}

showfavoritecoffe() // cannot access favcoffee before initialization

let favcoffee

登录后复制

2.- 如果我们使用 var 代替 let

:

,情况可能会改变

1

2

3

4

5

6

7

8

favcoffee = espresso

function showfavoritecoffe() {

console.log(favcoffee)

}

showfavoritecoffe() //espresso

var favcoffee

登录后复制

是的,也许它看起来像是var

使用的额外力量。

这称为提升,一个允许您在声明变量之前使用变量的过程。

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

1

2

console.log(favcoffee) // undefined

var favcoffee = americano

登录后复制

尽管在这个例子中var也是提升,这里我们面对的是tdz

颞死区

它被定义为变量不可访问的状态,尽管它们在作用域

内,但尚未声明。

1

2

3

4

5

6

7

8

9

{

/* tdz starts

.

.

. */

var favcoffee = expresso // tdz ends

console.log(favcoffee) // expresso

}

登录后复制

感谢 es6*

因此在提升过程中,由于 tdz,默认情况下 js 返回 var 值初始化为未定义,但使用 letconst

它返回一个错误,指出变量尚未声明。因此,这对于捕获错误非常有帮助,并迫使您在声明变量之前避免使用变量

1

2

3

4

//using var

favcoffee = expresso

var favcoffee

console.log(favcoffee) // undefined

登录后复制

1

2

3

4

//using const

favCoffee = expresso

const favCoffee

console.log(favCoffee) // uncaught ReferenceError: Cannot access favCoffee before initialization

登录后复制

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

结论

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

** es6

最新文章