async与await的使用方法

使用Promise.then方法

function test () {
  var p = new Promise(function (resolve, reject) {
    if (true) {
      resolve('abcde')
    } else {
      reject('error')
    }
  })
  return p
}

test().then(res => {
  console.log(res)
})
console.log('a')
// 输出如下
// a
// abcde

使用async与await

function test () {
  var p = new Promise(function (resolve, reject) {
    if (true) {
      resolve('abcde')
    } else {
      reject('error')
    }
  })
  return p
}
async function callTest () {
  const res = await test()
  console.log(res)
}
callTest()
console.log('a')
// 输出结果
// a
// abcde

1. 这里要注意 await 只能用在async方法内部，不能直接在外部使用.

使用Promise.then方法处理多个异步请求

function test () {
  var p = new Promise(function (resolve, reject) {
    if (true) {
      resolve('abcde')
    } else {
      reject('error')
    }
  })
  return p
}
function test1 () {
  var p = new Promise(function (resolve, reject) {
    if (true) {
      resolve('ABCDE')
    } else {
      reject('error')
    }
  })
  return p
}
test().then(res => {
  console.log(res)
  test1().then(res => {
    console.log(res)
  })
})
console.log('a')
// 打印结果
// a
// abcde
// ABCDE

如果处理多个异步方法的话，代码就会逐步陷入回调地狱而async与await解决了这个问题，请看下面代码

async与await处理多个异步请求

function test () {
  var p = new Promise(function (resolve, reject) {
    if (true) {
      resolve('abcde')
    } else {
      reject('error')
    }
  })
  return p
}
function test1 () {
  var p = new Promise(function (resolve, reject) {
    if (true) {
      resolve('ABCDE')
    } else {
      reject('error')
    }
  })
  return p
}
async function callTest () {
  const res = await test()
  console.log(res)
  const res1 = await test1()
  console.log(res1)
  // 这里还能加更多
}
callTest()
console.log('a')
// 打印结果
// a
// abcde
// ABCDE

async与await处理异常

function test () {
  var p = new Promise(function (resolve, reject) {
    if (false) {
      resolve('abcde')
    } else {
      reject('error')
    }
  })
  return p
}
async function callTest () {
  const res = await test().catch(res => { console.log('第12行' + res) })
  console.log('第13行' + res)
  if (res) {
    console.log(res)
  }
}
callTest()
console.log('a')
// 输出结果
// a
// 第12行error
// 第13行undefined

在await后面用catch接受异常就不会产生控制台报错，在处理结果的时候,可以看到12行打印出了promise返回的error，在13行打印了结果res的结果为undefined。

如果调用test方法的时候不进行catch处理，那么控制台就会直接报错

a
(node:10104) UnhandledPromiseRejectionWarning: error
(node:10104) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 2)
(node:10104) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the 
Node.js process with a non-zero exit code.

通过node运行的情况下输入以上错误信息