DEV Community
·
🪄 JavaScript中的提升：信任的误区故事
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
在Codeville，程序员Jagroop和Manish学习JavaScript的变量和函数提升。Jagroop的代码展示了函数声明可以在定义前调用，而let和const在执行前处于时间死区。
🎯
关键要点
- Jagroop和Manish是Codeville的JavaScript开发者，他们的变量和函数声明风格不同。
- Jagroop的代码展示了变量提升，调用未声明的变量时输出为undefined。
- JavaScript解释器解释了变量和函数的声明在编译阶段被提升到作用域顶部。
- 函数声明的整个定义会被提升，因此可以在声明之前调用。
- let和const的声明也会被提升，但在代码执行到它们之前处于时间死区（TDZ）。
- 总结：var声明被提升并初始化为undefined；函数声明完全被提升；let和const声明被提升但在初始化前处于TDZ。
- 文章最后提出了一个代码挑战，询问输出结果。
❓
延伸问答
什么是JavaScript中的提升？
提升是指在编译阶段，变量和函数的声明被移动到其作用域的顶部。
var、let和const在提升时有什么不同？
var声明被提升并初始化为undefined；let和const声明被提升但在初始化前处于时间死区（TDZ）。
函数声明在JavaScript中是如何提升的？
函数声明的整个定义会被提升，因此可以在声明之前调用。
在什么情况下会出现时间死区（TDZ）？
当使用let或const声明的变量在初始化之前被访问时，会出现时间死区（TDZ）。
Jagroop的代码示例中，为什么调用未声明的变量会输出undefined？
因为var声明被提升并初始化为undefined，所以在调用时不会报错，而是返回undefined。
文章中提到的代码挑战是什么？
代码挑战是询问输出结果的代码，涉及到变量hero和villain的声明和提升。
🏷️
标签
➡️
