JS面试题（2）

一.Promise

1.名词约定

promise(首字母小写)对象指的是Promise实例对象

Promise首字母大写且单数形式，表示Promise构造函数

Promises首字母大写且复数形式，用于指代Promise规范

2.为什么有Promises这个东西

• 同步的方式异步的代码，用来解决回调地狱问题。
• 此外，Promise对象提供统一的接口，使得控制异步操作更加容易。

3.什么是Promise

• Promise，简单来说就是一个容易，里面保存着某个未来才会结束的事件的结果。
• 从语法上，Promise是一个对象，从他可以异步获取操作的最终状态(成功或失败)。
• Promise是一个构造函数，对外提供统一的API，自己身上有all、reject、resolve等方法，原型上有then、catch等方法。

4.Promise的两个特点

（1）Promise对象的状态不受外界影响

1. pending 初始状态
2. fulfilled 成功状态
3. rejected 失败状态
   Promis有以上三种状态，只有异步操作的结果可以决定当前是哪一种状态，其他人格操作都无法改变这个状态。

（2）Promise的状态一经改变就不能再变了，任何时候都可以得到这个结果，状态不可逆，只能由pending变成fulfilled或者由pending变成rejected

5.使用new来创建一个Promise对象

• Promise接受一个[函数]作为参数，该函数的两个参数分别是resolve和reject。这两个函数就是[回调函数]
• resolve函数的作用：在异步操作成功时调用，并将异步操作的结果，作为参数传递出去。
• reject函数的作用：在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。

6.Promise的API

（1）then方法

• then方法就是把原来的回调写法分离出来，在异步操作执行完成后，用链式调用的方式执行回调函数。
• Promise的优势就在于这个链式回调。我们可以在then方法中继续写Promise对象并返回，然后继续调用then来进行回调操作。
• 由两个参数：第一个是成功resolve调用的方法，第二个是失败reject调用的方法

7.Promise构造函数的超能力
Promise写法的本质就是把异步写法写成同步写法，传入Promise构造函数的函数参数会第一优先执行，无论这个函数多么的繁复，有多少回调或者计数器，统统都会优先执行。也就是说，我们只要new了一个promise()，那么promise构造函数的函数参数其实是同步代码，但是.then比较特殊，.then会等到promise对象实例有了结果，.then()里面的代码才会执行。链条上的每一个.then哦都会等前面的promise有了结果才会执行，promise构造函数的能力是promise系统的厉害之处。

8.reject()方法
reject方法就是把Promise的状态置为已失败，这时then方法执行"失败"情况的回调（then方法的第二参数）。

9.catch()方法

• 它可以和then的第二个参数一样，用来指定reject的回调。
• 它的第二个作用是，当执行resolve的回调时，如果抛出异常了，那么也不会出错卡死js，而是会进到这个catch方法中。

10.all()方法
Promise的all方法提供了并行执行异步操作的能力，并且在所有的异步操作执行完后才执行回调。

11.race()方法
race的用法和all一样，只不过all是等所有异步操作都执行完毕后才执行then回调，而race的话只要一个异步操作执行完毕，就立刻执行then回调。

(注意：其他没有执行完毕的异步操作仍然会继续进行，而不是停止。)

使用场景：给异步请求设置超时时间，并且在超时后执行相应的操作。

二、async\await

1.词法定义

1. async是"异步"的简写，async用于申明一个异步的function

2.await可以认为是axync wait的简写，await用于等待一个异步方法执行完成。

2.特点

1. async的用法，它作为一个关键字放到函数的前面，这样普通函数就变为了异步函数。
2. 异步async函数调用，跟普通函数的使用方式一样。
3. 异步async函数返回一个promise对象
4. async函数配合await关键字使用（阻塞代码下行线执行）
   是异步方法，但是阻塞式的

3.async\await优点

1. 方便级联调用：即调用依次发生的场景；
2. 同步代码编写方式：Promise使用then函数进行调用，一直点点点，是一种从左往右的横向写法，async\await从上到下，顺序执行，就像写同步代码，更符合编码习惯
3. 多个参数传递：Promise的then函数只能传递一个参数，虽然可以通过包装成对象来传递多个参数，但是会导致传递冗余信息，频繁的解析又重新组合函数，比较麻烦;async\await没有这个限制，可以当作普通的局部变量来处理，用let或者const定义的块级变量想怎么用就怎么用，像定义几个就定义几个，完全没有限制，也没有冗余工作。
4. 同步代码和异步代码可以一起编写：使用promise的时候最好将同步代码和异步代码放在不同的then节点中，这样结构更加清晰；async\await整个书写习惯都是同步的，不需要纠结同步和异步的区别，当然，异步过程需要包装成一个promise对象放在await关键点后面；
5. async\await是对promise的优化：async\await是基于promise的，是进一步的一种优化，不过在写代码时，promise本身的api出现的很少，很接近同步代码的写法。

4.使用场景
async主要用来处理异步的操作
需求：执行的第一步，在执行第一步的结果返回给第二步使用。在ajax中先拿到一个接口的返回数据，后使用第一步返回的数据执行第二步操作的接口调用，达到异步操作。

三、ES6中的generator函数详解

1.Generator函数的定义

• 语法上可以理解成，Generator函数是一个状态机，封装了多个内部状态。
• 形式上，Generator函数是一个普通函数，不同于普通函数，是可以暂停运行的，所以函数名之前要加星号，以示区别
• 整个Generator函数就是一个封装的异步任务，或者说异步任务的容器，异步操作需要暂停的地方，都用yield语句。

2.什么时Generator函数

1.function关键字和函数之间有一个星号(*)，且内部使用yield表达式，定义不同的内部状态。
2.调用Generator函数后，该函数并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象。

但是，调用Generator函数后，函数并不执行，返沪的也不是函数执行后的结果，而是一个指向内部状态的指针对对象。

下一步，必须调用遍历器对象的next方法，使得指针指向下一个状态，

Generator函数是分段执行的，yield表达式时暂停执行的标记，而next方法可以恢复执行。

next方法的作用是分段执行Generator函数，每次调用next方法，会返回一个对象，表示当前阶段的信息
value属性是yield语句后面的表达式的值，表示当前阶段的值。
done属性是一个布尔值，表示Generator函数是否执行完毕，即是否还有下一个阶段。

3.Generator函数的数据交换

（1）迭代器协议
定义了一种标准的方式来产生一个有限或者无线序列的值，当一个对象被认为是一个迭代器时，它实现的了一个next()的方法。

（2）Generator的用途
在javascript中，一个函数一旦被执行，就会执行到最后或者被returnÿ