封装请求方法，以及promise的使用

最新推荐文章于 2024-10-01 20:12:28 发布

火锅店在逃小肥羊

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量78

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_46732421/article/details/132266023

版权

function one() {
  return new Promise((resolve) => {
    let stateTime = new Date().getTime()
    this.$axios.post({url: '/api/query/one'}).then(res => {
      let endTime = new Date().getTime()
      let time = endTime - stateTime
      let params = {
        res: res, 
        time: [time]
      }
      resolve(params)
    })
  })
}

function tow(val) {
  return new Promise((resolve) => {
    let stateTime = new Date().getTime()
    this.$axios.post({url: '/api/query/tow', data: val.res}).then(res => {
      let endTime = new Date().getTime()
      let time = endTime - stateTime
      let params = {
        res: res, 
        time: [...val.time, time]
      }
      resolve(params)
    })
  })
}

function three(val) {
  return new Promise((resolve) => {
    let stateTime = new Date().getTime()
    this.$axios.post({url: '/api/query/three', data: val.res}).then(res => {
      let endTime = new Date().getTime()
      let time = endTime - stateTime
      let params = {
        res: res, 
        time: [...val.time, time]
      }
      resolve(params)
    })
  })
}

one().then(res => {
  return tow(res)
}).then(res => {
  return three(res)
}).then(res => {
  console.log('请求1耗时:', res.time[0] + '秒');
  console.log('请求2耗时:', res.time[1] + '秒');
  console.log('请求3耗时:', res.time[2] + '秒');
  let sumTime = res.time[0] + res.time[1] + res.time[2]
  console.log('总耗时:', sumTime + '秒');
})