所以,也许您正在考虑 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