窗外的树叶被晨风轻轻吹动，洒下斑驳的光影，泡上一杯清香的绿茶，在这宁静美好的清晨时光里，别把面试的压力放在心上。让我们像朋友聊天一样，慢慢聊聊两道 JavaScript 高频面试题，在舒缓的氛围中，悄悄提升自己的知识储备，为新的一天注入满满的能量！

第一题：JavaScript 中的变量提升与暂时性死区

面试官经常会问：“说一说 JavaScript 中的变量提升是什么？let 和 const 声明的变量为什么会有暂时性死区？” 别被这些听起来复杂的概念吓到，把变量提升想象成提前把东西放在桌上，虽然还没开始用，但已经在那了；而暂时性死区，就像一片 “禁止踏入” 的区域，在特定条件下不能随意访问变量。

// 变量提升示例，使用var声明变量
console.log(num); // 输出undefined，因为var声明的变量会提升到作用域顶部
var num = 10;
// 暂时性死区示例，使用let声明变量
// console.log(name); // 报错，ReferenceError: name is not defined，处于暂时性死区
let name = '前端开发者';

在 JavaScript 中，用var声明的变量存在变量提升，它的声明会被 “提升” 到当前作用域的顶部，但初始化（赋值）还是在原来的位置，所以在声明前访问var变量，会得到undefined。而let和const声明的变量不存在这种提升，在它们声明之前的区域就是暂时性死区，一旦在这个区域访问变量，就会报错。理解这些特性，能帮助我们写出更严谨、不会出错的代码。

第二题：JavaScript 中的数组扁平化处理

“实现数组扁平化有哪些方法？请举例说明并分析它们的优缺点。” 数组扁平化就像是把一堆叠在一起的盒子，都摊开变成一层，让里面的东西一目了然。实现的方法有很多，各有千秋。

方法一：使用 ES6 的扩展运算符（...）

const arr1 = [[1, 2], [3, 4]];
const flatArr1 = [].concat(...arr1);
console.log(flatArr1); // 输出 [1, 2, 3, 4]

这种方法简洁直观，代码量少，但它只能处理一层嵌套的数组，如果数组嵌套多层，就需要多次使用扩展运算符，不太方便。

方法二：使用 Array.prototype.flat () 方法

const arr2 = [[1, 2], [[3, 4], 5]];
const flatArr2 = arr2.flat(Infinity);
console.log(flatArr2); // 输出 [1, 2, 3, 4, 5]

flat()方法可以指定扁平化的层数，传入Infinity能将数组无限扁平化，不管嵌套多少层都能处理，非常强大。不过，它的兼容性稍差，在一些老旧浏览器中可能不支持。

方法三：使用递归实现

function flatten(arr) {
let result = [];
for (let item of arr) {
if (Array.isArray(item)) {
result = result.concat(flatten(item)); // 递归处理子数组
} else {
result.push(item);
}
}
return result;
}
const arr3 = [[1, 2], [[3, 4], 5]];
const flatArr3 = flatten(arr3);
console.log(flatArr3); // 输出 [1, 2, 3, 4, 5]

递归方法通用性强，能处理各种复杂的嵌套数组，但如果数组非常大，递归调用次数过多，可能会导致栈溢出的问题。

面试应答模板

变量提升与暂时性死区问题回答

“JavaScript 里的变量提升，主要说的是用var声明的变量。它会把声明‘提前’到作用域的最上面，不过赋值还是在原来的地方。比如说var a = 1;，在代码执行的时候，相当于先把var a;放到作用域开头，所以在a赋值之前调用它，会得到undefined。而let和const就不一样了，它们不存在变量提升，在声明之前的区域是暂时性死区，如果在这个区域访问变量，就会报错。这是因为let和const是 ES6 引入的新特性，设计上更严谨，能避免一些意外的变量访问问题，让代码更安全。”

数组扁平化问题回答

“数组扁平化有好几种办法。最简单的是用 ES6 的扩展运算符，把数组展开再合并，代码很简洁，但是只能处理一层嵌套。flat()方法更强大，能指定扁平化的层数，用Infinity可以无限扁平化，不过有些老浏览器不支持。还有就是用递归，通过循环判断数组里的元素是不是数组，如果是就继续展开，这种方法适用性广，能处理各种嵌套情况，不过如果数组特别大，可能会有栈溢出的风险。实际开发中，可以根据项目需求和浏览器兼容性来选择合适的方法。”

在这宁静又美好的清晨和上午时光里，我们一起完成了一次知识的小冒险。对于这两道面试题，你还有哪些想法或疑问？或者希望下期探讨哪些 JavaScript 的知识点？欢迎在评论区留言分享！觉得文章对你有帮助，别忘了点赞关注，明天同一时间，我们继续相约，探索更多有趣的前端知识！