axios 结合 Promise 、async/await -- 处理异步

目录

• axios 的使用
• 结合async/await使用
• axios的链式回调
• 使用async/await来调用axios

---

axios 的使用

axios.post('https://github.com/users', {})
	.then(res => {})
	.catch(err => {})

结合async/await使用

async function getUser() {
	const res = await axios.post('https://github.com/users', {})
  console.log(res)
  // todo
}

axios的链式回调

// 异步获取listId
function getUserId(userId){
  return axios.post('https://github.com/users', {userId})
}

// 异步通过userId获取lists
function getListById(listId){
  return axios.post('https://github.com/users', {id: listId})
}

// 获取lists
function getList(){
  const userId = 'user001'
  getUserId(userId).then(res => {
    return getListById(res.listId).then( rt => {
      const list = rt.list
      // todo
      return list
    })
  })
}

const list = getList()

使用async/await来调用axios

// 获取lists
async function getList(){
  const userId = 'user001'
  // 获取listId
  const { listId } = await axios.post('https://github.com/users', {userId})
  // 通过userId获取lists
  const { list } = await axios.post('https://github.com/users', {id: listId})
  return list
}

const list = getList()