阿里笔试题

本篇文章转载自我的个人博客

题目

    ajaxArray是一个异步请求数组，完成mergePromise函数达到以下输出，并返回一个Promise对象

const ajax1 = () =>
  timeout(2000).then(() => {
    console.log('1')
    return 1
  })

const ajax2 = () =>
  timeout(1000).then(() => {
    console.log('2')
    return 2
  })

const ajax3 = () =>
  timeout(2000).then(() => {
    console.log('3')
    return 3
  })
const mergePromise = ajaxArray => {}
mergePromise([ajax1, ajax2, ajax3]).then(data => {
      console.log('done');
      console.log(data);
    });
分别输出
1
2
3
done
[1, 2, 3]
 */

题目分析

    ajaxArray是一个异步请求数组，其中执行时间不定，而要达到将数据按执行顺序存储到数组，自然可以想到Async/await，可以依次执行数组各项，并返回一个Promise

代码

let timeout = time => {
  return new Promise((resolve, reject) => {
    setTimeout(_ => resolve(), time)
  })
}
const ajax1 = () =>
  timeout(2000).then(() => {
    console.log('1')
    return 1
  })

const ajax2 = () =>
  timeout(1000).then(() => {
    console.log('2')
    return 2
  })

const ajax3 = () =>
  timeout(2000).then(() => {
    console.log('3')
    return 3
  })
const mergePromise = ajaxArray => {
  return new Promise((resolve, reject) => {
    async function asyFun(ajaxArray) {
      let data = []
      for (let key in ajaxArray) {
        await ajaxArray[key]().then(d => {
          data.push(d)
        })
      }
      return data
    }
    asyFun(ajaxArray).then(valueArray => {
      resolve(valueArray)
    })
  })
}
mergePromise([ajax1, ajax2, ajax3]).then(data => {
  console.log('done')
  console.log(data) // data 为 [1, 2, 3]
})

另一种解法---非原创

const ajax1 = () =>
  timeout(2000).then(() => {
    console.log('1')
    return 1
  })

const ajax2 = () =>
  timeout(1000).then(() => {
    console.log('2')
    return 2
  })

const ajax3 = () =>
  timeout(2000).then(() => {
    console.log('3')
    return 3
  })
const mergePromise = ajaxArray => {
  return new Promise((resolve, reject) => {
    //返回一个新的Promise
    let arr = [] //定义一个空数组存放结果
    let i = 0
    function handleData(index, data) {
      //处理数据函数
      arr[index] = data
      i++
      if (i === ajaxArray.length) {
        //当i等于传递的数组的长度时
        resolve(arr) //执行resolve,并将结果放入
      }
    }
    function handlePromise(i) {
      if (i >= ajaxArray.length) return
      ajaxArray[i]().then(data => {
        handleData(i, data) //将结果和索引传入handleData函数
        handlePromise(i + 1)
      }, reject)
    }
    handlePromise(0)
    // for (let i = 0; i < ajaxArray.length; i++) { //循环遍历数组
    // ajaxArray[i]().then((data) => {
    //     handleData(i, data); //将结果和索引传入handleData函数
    // }, reject)
    // }
  })
}
mergePromise([ajax1, ajax2, ajax3]).then(data => {
  console.log('done');
  console.log(data); // data 为 [1, 2, 3]
});