Javascript中的async与await
async/await是在ES7中引入的异步编程的新特性,具有以下特点:
- async/await是写异步代码的新方式,以前的方法有回调函数和Promise
- async/await是基于Promise实现的,它不能用于普通的回调函数
- async/await与Promise一样,是非阻塞的
- async/await使得异步代码看起来像同步代码,这正是它的强大之处
定义一个Promise
var sleep = function(time) {
return new Promise(function(resolve, reject) {
setTimeout(function() {
if(time <= 3000) {
resolve('time out finished')
} else {
reject('time out error')
}
}, time)
})
}
通过async/await方式调用
var start = async function() {
try{
console.log('start')
result = await sleep(3000)
console.log('result: ' + result)
console.log('start')
result = await sleep(4000)
console.log('result: ' + result)
} catch(err){
console.log(err)
}
}
start()
通过原来的Promise方式调用
var promiseStart = () => sleep(4000).then(data => {
console.log(data)
return 'done'
}).catch(data => {
console.log(data)
return 'error'
})
promiseStart()