深度解析：8个JavaScript面试难题解析

"这篇文章主要介绍了8个有意思的JavaScript面试题，涵盖了JavaScript中的变量作用域、闭包、函数调用、数组映射、事件循环、对象展开运算符以及对象属性的访问和定义。这些问题旨在测试和提升开发者对JavaScript核心概念的理解。" 1. **变量作用域与提升** - 在问题1和2中，涉及到`var`、`let`和`const`的作用域和提升。`var`的作用域是函数作用域，没有块级作用域，因此在函数内部声明的`var a`会覆盖全局的`a`。而`let`和`const`有块级作用域，不会被函数内部的同名变量覆盖，且存在暂时性死区（Temporal Dead Zone, TDZ）。 2. **闭包** - 问题3展示了闭包的概念，当使用箭头函数推入数组时，它们保持对外部作用域`i`的引用。在`map`函数中调用这些箭头函数时，它们返回的是最后的`i`值（3），而不是各自创建时的值。所以`newArray`将包含三个3。 3. **事件循环与堆栈溢出** - 问题4探讨了事件循环（Event Loop）和堆栈溢出（Stack Overflow）。`setTimeout`将函数放入任务队列，而非立即执行，因此不会导致堆栈溢出。只要定时器的延迟不是0，浏览器就会在当前执行上下文完成后再执行回调，避免无限递归。 4. **Promise与异步执行** - 问题5中的函数`foo`形成一个无限递归的Promise链。由于Promise的异步特性，UI仍然会响应，因为每次`then`都会在下一次事件循环中执行，而不是立即执行。 5. **展开运算符与类型错误** - 问题6涉及展开运算符`...`和类型错误。尝试展开一个对象会导致类型错误，因为对象不是可迭代的。正确使用展开运算符是在解构赋值或合并数组时。若要避免错误，可以将对象转换为数组，如`[obj]`。 6. **对象属性** - 问题7展示了如何设置和访问对象的属性。`Object.setPrototypeOf`用于设置对象的原型，`Object.defineProperty`用于定义非枚举属性。打印出来的属性包括`a`、`c`和`d`，其中`d`虽然不可枚举，但仍然可以通过`Object.getOwnPropertyNames`或`for...in`循环获取。 这些问题揭示了JavaScript的一些核心特性，如作用域、闭包、异步处理、对象操作等，对于理解JavaScript的工作原理至关重要。掌握这些概念不仅有助于应对面试，还能在实际开发中避免错误，提高代码质量。