2020年面试实战：async/await、Promise等知识点解析

"这是一份2020年的前端面试题集合，涵盖了async/await、Promise、let、var、const、call以及JSON等核心JavaScript知识点。面试题涉及到异步编程、作用域、对象引用和数据比较等多个方面。" 在这些面试题中，我们可以深入探讨以下几个关键知识点： 1. **异步编程**： - `async/await` 和 `Promise` 是现代JavaScript处理异步操作的主要方式。在第一道题目中，展示了如何在异步函数中使用`await`等待另一个异步函数执行，以及`Promise`和`async/await`的执行顺序。这里的输出顺序显示了JavaScript引擎的事件循环和任务队列（宏任务和微任务）的工作原理。 2. **变量声明**： - `var`、`let` 和 `const` 的区别在于作用域和可变性。第二道题目通过两个`for`循环展示了`var`和`let`的差异，`var`在函数范围内提升，而`let`在块级作用域内，导致使用`var`时，三个`setTimeout`都引用了同一个变量，而使用`let`时，每个循环都有自己的作用域。 3. **对象与引用**： - 第三道题目涉及到对象作为键的特性。`a[b]`和`a[c]`实际上是将对象作为字典的键，由于对象是引用类型，所以当`b`和`c`指向同一个对象时，`a[b]`和`a[c]`实际上引用的是同一个属性。尽管`b`和`c`的值不同，但它们都指向`{key: "b"}`，因此`a[b] = 456`会覆盖之前`a[b] = 123`的值。 4. **数据类型与比较**： - 最后一道题目涉及了基本数据类型和引用类型的比较。`a`和`c`是原始数值类型，它们相等且全等；而`b`是一个Number对象，虽然其值与`a`和`c`相同，但对象与原始值的比较是不全等的。因此，`a==b`为`true`，因为它们的值相等，而`a===b`为`false`，因为它们的类型不同。 以上是面试题所涵盖的几个主要知识点，理解并熟练掌握这些内容对于前端开发者来说至关重要。在实际面试中，面试官可能会根据这些基础问题深入讨论，比如错误处理、性能优化、闭包、this绑定等问题，以全面评估候选人的技术水平和解决问题的能力。