ECMAScript5 [].reduce()

ECMAScript 5 的2个归并数组的方法，reduce() reduceRight()

两个方法都会迭代数组的所有项，然后构建一个最终返回的值。

两个参数： 1、函数，一个在每一项上调用的函数和 2、(可选的)作为归并基础的初始值。

第一个函数handlerReduce()接受4个参数

1、前一个值 2、当前值 3、项的索引 4、数组对象

这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。

利用reduce生成异步执行链function logInOrder(urls) {

// 远程读取所有URL textPromises保存了所有

  const textPromises = urls.map(url => {

    return fetch(url).then(response => response.text());

  });

   // 按次序输出 默认值为Promise.resolve()返回一个空的Promise对象 即第一次时的chain就是空的Promise对象
 

  textPromises.reduce((chain, textPromise) => {

    return chain.then(() => textPromise)

      .then(text => console.log(text));

  }, Promise.resolve());

}

空的Promise对象的then()函数执行下一个Promise对象的then()，然后then()再执行下一个Promise对象的then(),直到最后一个then()函数执行Promise.response或Promise.reject

async函数实现异步链

async function logInOrder(urls) {

  // 并发读取远程URL

  const textPromises = urls.map(async url => {

    const response = await fetch(url);

    return response.text();

  });

  // 按次序输出

  for (const textPromise of textPromises) {

    console.log(await textPromise);

  }

}

巴特西

ECMAScript5 [].reduce()

最新文章

热门文章