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