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
- 这里要注意 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运行的情况下输入以上错误信息