Js忍者秘籍-生成器和promise

1 生成器

1.1 概念

• 生成器是一种不会在同时输出所有值的序列函数，而是基于每次的请求生成值。不同于标准函数，生成器可以挂起和恢复它们的执行状态。当生成器生成了一个值后，他不会阻塞主线程，而是挂起执行，等待下次请求。

1.2 使用

• 生成器通过在function后面加一个星号(*)来定义，在生成器函数体内，我们可以使用新的关键字yield来生成一个值并挂起生成器的执行，如果我们想让渡到另一个生成器中，可以使用yield*操作符。
• 在我们控制生成器的执行过程中，通过使用迭代器的next方法调用一个生成器，它能够创建一个迭代器对象，使用for (let weapon of weaponGenerator()) {} 的方法可以简写这种形式。
• 除此之外，我们还能够通过next或者throw向生成器中传入参数，进行双向通信。
• 使用案例：ID生成、遍历dom树

1.3生成器的内部

• 生成器的状态分为四个：挂起开始-执行-挂起让渡-完成
• 迭代器每次调取生成器，将生成器的上下文调入执行上下文栈，完成后调出，但是不销毁，等下一次迭代器调取。
• 传入参数如果还没有到有接收变量的挂起位置，参数将丢失。

2.promise对象

2.1为什么需要promise

回调函数的三个问题：

• 错误处理困难
• 执行连续步骤困难
• 执行并行任务困难

2.2 promise简介

• promise有三种状态，resolve,pending和reject，一旦进入拒绝状态和完成状态就不能改变
• 声明promise对象的语句立即执行
• 拒绝：
  ①显示拒绝-直接在promise中声明reject
  ②隐示拒绝-执行过程中出错
  ③获取错误-可以用then(function,error)或者then().catch()获得错误

2.3 调用多个promise

2.3.1链式调用

getJSON(‘ninjias.json’).then(ninjias=>getJSON(ninjias[0].missonURL)).then().then()
这种形式不停将数据传入不同函数，这样做的缺点就是其中一步出错，整体就错误，可以在最后用到catch方法，捕获其中任意一个函数抛出的错误。

2.3.2 同时等待多个promise

Promise.all([getJSON(url1),getJSON(url2),getJSON(url3)]).then().catch()
以上部分必须要等所有的getJSON返回promise对象之后，才会执行then，其中一个被拒绝都会抛给catch()

2.3.3 只需要多个中的一个

Promise.race([getJSON(url1),getJSON(url2),getJSON(url3)]).then().catch()
以上部分三个getJSON中最快返回promise的会调用then,任意一个被拒绝，也会被catch处理。

3 结合生成器和promise

如过连续调用长时间的异步请求，可能发生阻塞，如果结合生成器，每请求一个就会挂起请求操作，直到请求下一个，可以避免这种情况。