js依次发请求面试题

需求：当有多个url在一个urls数组内，需要在当前请求回来后，再发出下一次请求。

方法1：

let ajax = function (url) {
  return new Promise(resolve => {
    setTimeout(()=> {
      console.log(url, new Date())
      resolve()
    },1000)
  })
}
let urls = [ 'url1', 'url2', 'url3', 'url4' ]
let p = null
urls.forEach((url,i)=> {
  if (i === 0) {
    p = ajax(url)  //此时p为一个pending的promise对象
  } else {
    p = p.then(()=> {
      return ajax(url)
    })
  }
})

//url1 Tue Feb 23 2021 15:04:33 GMT+0800 (中国标准时间)
//url2 Tue Feb 23 2021 15:04:34 GMT+0800 (中国标准时间)
//url3 Tue Feb 23 2021 15:04:35 GMT+0800 (中国标准时间)
//url4 Tue Feb 23 2021 15:04:36 GMT+0800 (中国标准时间)

方法2：

let ajax = function (url) {
  return new Promise(resolve => {
    setTimeout(()=> {
      console.log(url, new Date())
      resolve()
    },1000)
  })
}
let urls = [ 'url1', 'url2', 'url3', 'url4' ]
let p = Promise.resolve()  //此时p为一个promise对象
urls.forEach((url,i)=> {
  p = p.then(()=> {
    return ajax(url)  //此时p为一个pending的promise对象
  })
})

//url1 Tue Feb 23 2021 15:04:33 GMT+0800 (中国标准时间)
//url2 Tue Feb 23 2021 15:04:34 GMT+0800 (中国标准时间)
//url3 Tue Feb 23 2021 15:04:35 GMT+0800 (中国标准时间)
//url4 Tue Feb 23 2021 15:04:36 GMT+0800 (中国标准时间)