DEV Community
·
理解 JavaScript 提升：简单指南
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
JavaScript中的提升是指在代码执行前，将变量和函数声明移到作用域顶部。函数声明可以在声明前调用。使用var声明的变量提升为undefined，而let和const在提升时未初始化，若在声明前访问会报ReferenceError。建议使用let和const，并在作用域顶部声明，以避免提升问题。理解提升有助于编写更可预测的代码。
🎯
关键要点
- 提升是指在代码执行前，将变量和函数声明移到作用域顶部。
- 函数声明可以在声明前调用，因为它们的完整定义会被提升。
- 使用var声明的变量提升为undefined，可以在声明前访问，但值为undefined。
- 使用let和const声明的变量在提升时未初始化，若在声明前访问会报ReferenceError。
- let和const之间的主要区别是const在声明时必须赋值，而let可以先声明后赋值。
- 为了避免提升问题，建议使用let和const，并在作用域顶部声明变量和函数。
- 理解提升有助于编写更可预测的代码。
❓
延伸问答
什么是JavaScript中的提升？
提升是指在代码执行前，将变量和函数声明移到作用域顶部的行为。
函数声明在提升中有什么特别之处？
函数声明会被完全提升，这意味着可以在声明之前调用它们。
使用var声明的变量在提升时会有什么表现？
使用var声明的变量会被提升为undefined，可以在声明前访问，但值为undefined。
let和const在提升时有什么不同？
let和const在提升时未初始化，若在声明前访问会报ReferenceError，而const在声明时必须赋值。
如何避免提升带来的问题？
建议使用let和const，并在作用域顶部声明变量和函数，以避免提升问题。
什么是时间死区（TDZ）？
时间死区是指let和const变量在声明前无法访问的状态，访问会导致ReferenceError。
➡️
