前端 JavaScript 进阶面试题, 什么是 JavaScript 的临时性死区?

Q:: 什么是 JavaScript 的临时性死区（Temporal Dead Zone, TDZ）？

A:: JavaScript 的临时性死区（TDZ）是指在使用 let 和 const 声明变量时，从变量进入作用域到变量实际声明之间的区域。在此区域内使用这些变量会导致 ReferenceError 错误。TDZ 的存在是为了增强代码的可读性和减少潜在的错误。

Q:: TDZ 的具体表现是什么？

A:: TDZ 的具体表现是在变量声明前尝试访问该变量会抛出 ReferenceError。例如：

 
console.log(a); // ReferenceError: Cannot access 'a' before initialization
let a = 3;

Q:: 如何避免临时性死区的问题？

A:: 避免 TDZ 问题的最好方式是在使用变量前确保已经声明并初始化变量。使用规范的代码风格，例如把所有变量的声明放在代码块的顶部，也能有效减少 TDZ 相关的错误。

🦆

let,const 和 var 声明变量的区别是什么?▷

let 和 const 是在 ES6 中引入的，let 声明的变量有块级作用域，const 声明的是常量，值不能重新赋值。var 声明的变量只有函数作用域，没有块级作用域，且会发生变量提升。

🦆

JavaScript 中的变量提升是什么?▷

变量提升是指在函数作用域或全局作用域中，变量声明会被提升到作用域的顶部。用 var 声明的变量会发生变量提升，而 let 和 const 不会。这就是为什么 var 声明的变量可以在声明之前访问（值为 undefined），而 let 和 const 会抛出 ReferenceError。

🦆

什么是 JavaScript 闭包Closure?▷

闭包是指函数可以记住并访问其词法作用域，即使函数是在其词法作用域之外执行。闭包可以用于创建私有变量、模拟块级作用域等。

🦆

箭头函数与普通函数的区别是什么?▷

箭头函数（=>）是 ES6 引入的一种更简洁的函数定义方式，与普通函数（function）不同，箭头函数没有自己的 this、arguments、super 或 new.target 绑定。箭头函数的 this 值在函数定义时确定，而不是在函数调用时。

🦆

解释 JavaScript 中的作用域链Scope Chain▷

作用域链是指 JavaScript 在查找变量时，会沿着作用域链从当前作用域向上一级作用域查找，直到找到变量或到达全局作用域。如果在全局作用域也找不到该变量，则会抛出 ReferenceError。