1.了解函数提升

 

使用var关键字声明的变量在JAVAScript中会被提升，并在内存中分配值undefined。 但初始化恰发生在你给变量赋值的地方。 另外，var声明的变量是函数作用域的，而let和const是块作用域的。

2.什么是暂时死区TDZ？

 

let和const声明可以让变量在其作用域上受限于它所使用的块、语句或表达式。与var不同的是，这些变量没有被提升，并且有一个所谓的暂时死区(TDZ)。试图访问TDZ中的这些变量将引发ReferenceError，因为只有在执行到达声明时才能访问它们。

下表概述了与JavaScript中使用的不同关键字声明的变量对应的提升行为和使用域：

四个选项：关键字，提升，作用域，创建全局属性。

 

3.如何保存 i 的指向？

在for循环的头部声明带有var关键字的变量会为该变量创建单个绑定（存储空间）。

 

如果使用 let 声明一个具有块级作用域的变量，则为每个循环迭代创建一个新的绑定。

 

解决这个问题的另一种方法是使用闭包。

 

4.是否存在堆栈溢出？

 

JavaScript并发模型基于“事件循环”。 浏览器是执行JS代码提供运行时环境之一。

浏览器的主要组件包括调用堆栈，事件循环**，任务队列和Web API**。 像setTimeout，setInterval和Promise这样的全局函数不是JavaScript的一部分，而是 Web API 的一部分。 JavaScript 环境的可视化形式如下所示：

 

JS调用栈是后进先出(LIFO)的。引擎每次从堆栈stack中取出一个函数，然后从上到下依次运行代码。每当它遇到一些异步代码，如setTimeout，就把它交给Web API(箭头1)。因此，每当 事件 被触发时，callback 都会被发送到任务队列（箭头2）。

事件循环(Event loop)不断地监视任务队列(Task Queue)，并按它们排队的顺序一次处理一个回调。每当调用 堆栈(call stack) 为空时，Event loop获取回调并将其放入堆栈(stack )(箭头3)中进行处理。请记住，如果调用堆栈不是空的，则事件循环不会将任何回调推入堆栈。

现在，有了这些知识，让我们来回答前面提到的问题：

步骤：

1. 调用 foo()会将foo函数放入调用堆栈(call stack)。
2. 在处理内部代码时，JS引擎遇到 setTimeout。
3. 然后将foo回调函数传递给WebAPIs(箭头1)并从函数返回，调用堆栈再次为空
4. 计时器被设置为0，因此foo将被发送到任务队列(箭头2)。
5. 由于调用堆栈是空的，事件循环将选择foo回调并将其推入调用堆栈进行处理。
6. 进程再次重复，堆栈不会溢出。

5.执行foo函数，页面是否卡死（卡顿）？

必须会卡死！

 

大多数时候，开发人员假设在事件循环图中只有一个任务队列。但事实并非如此，我们可以有多个任务队列。由浏览器选择其中的一个队列并在该队列中处理回调。

在底层来看，JavaScript中有宏任务和微任务。setTimeout回调是宏任务，而Promise回调是微任务。

主要的区别在于他们的执行方式。宏任务在单个循环周期中一次一个地推入堆栈，但是微任务队列总是在执行后返回到事件循环之前清空。因此，如果你以处理条目的速度向这个队列添加条目，那么你就永远在处理微任务。只有当微任务队列为空时，事件循环才会重新渲染页面。每次调用'foo'都会继续在微任务队列上添加另一个'foo'回调，因此事件循环无法继续处理其他事件（滚动，单击等），直到该队列完全清空为止。 因此，它会阻止渲染。

6.如何使 obj 展开运算而不导致类型错误？

var obj = { x: 1, y: 2, z: 3 };
[...obj]; // TypeError 

展开语法 和 for-of 语句遍历 iterable对象 定义要遍历的数据。Array 或 Map 是具有默认迭代行为的内置迭代器。对象不是可迭代的，但是可以通过使用iterable和iterator协议使它们可迭代。

在Mozilla文档中，如果一个对象实现了@@iterator方法，那么它就是可迭代的，这意味着这个对象(或者它原型链上的一个对象)必须有一个带有@@iterator键的属性，这个键可以通过常量Symbol.iterator获得。

上述语句可能看起来有点冗长，但是下面的示例将更有意义：

 

还可以使用 generator 函数来定制对象的迭代行为：

 

7.打印的结果是什么

知识点：

 

for-in循环遍历对象本身的可枚举属性以及对象从其原型继承的属性。 可枚举属性是可以在for-in循环期间包含和访问的属性。

现在你已经掌握了这些知识，应该很容易理解为什么我们的代码要打印这些特定的属性：

 

8.this 始终指向调用方法的对象

在全局范围内初始化x时，它成为window对象的属性(不是严格的模式)。看看下面的代码:

 

可以断言：

window.x === 10; // true

this 始终指向调用方法的对象。因此，在foo.getx()的例子中，它指向foo对象，返回90的值。而在xGetter()的情况下，this指向 window对象, 返回 window 中的x的值，即10。

要获取 foo.x的值，可以通过使用 Function.prototype.bind 将this的值绑定到foo对象来创建新函数。

let getFooX = foo.getX.bind(foo);
getFooX(); // 90