Async/Await语法糖

Async/Await语法糖

• 语言层面的异步编程标准
  • 有了 Generator 之后 js 中的异步编程基本上就已经与同步代码有类似的体验了，但是使用 Generator 这种方案我们还需要去手动编辑一个执行器函数，还是有点麻烦的
  • 在 ES7 的标准中新增了一个叫做 Async 的函数，它同样提供了这种扁平化的异步编程体验，而且他是语言层面保准的异步编程语法，所以使用起来会更加方便
• Async 就是生成器函数一种更方便的语法糖
  • 所以两者之间的语法非常类似
• 相对于 Generator 的话 Async 最大的好处就是他不需要再去配合一个类似与 CO一样的执行器，因为他是一格语言层面的标准异步编程语法
• 其次，Async 函数可以给我们返回一个标准 Promise 对象，这样更方便我们对于整体代码进行控制
• 注意
  • Async 当中使用的一个 Await 关键词它只能够出现在 Async 函数内部，不能够直接出现在外部使用
  • 不过关于在外层直接使用 Await 的功能已经在开发了

function ajax(url) {
    ......
}

async function main() {
    try {
        const users = await ajax('/api/user.json')
        console.log(users)

        const posts = await ajax('/api/posts.json')
        console.log(posts)

        const urls = await ajax('/api/urls.json')
        console.log(urls)
    } catch (e) {
        console.log(e)
    }
}

const promise = main()

promise.then(() => {
    console.log('all comleted')
})