Javascript中的async与await

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()