概述
    相对于 generator async 最大的好处是不许再去配合一个生成器函数执行器
    async 函数会返回一个promise 对象 更加利于对整体代码的控制
    async中的awit 关键词 只能出现在 async 内部 不能在外部使用

    示例

    1. // Async/Await 语法糖
    2. function ajax(url) {
    3.     return new Promise(function (resolve, reject) {
    4.         var xhr = new XMLHttpRequest()
    5.         xhr.open('GET', url)
    6.         // HTML5中引入的新特性 请求完成后直接拿到 json对象
    7.         xhr.responseType = 'json';
    8.         // HTML5中引入的新特性 请求完成后执行
    9.         xhr.onload = function () {
    10.             if (this.status === 200) {
    11.                 resolve(this.response)
    12.             } else {
    13.                 reject(new Error(this.statusText))
    14.             }
    15.         }
    16.         xhr.send();
    17.     })
    18. }
    20. // 生成器函数执行器
    21. function co(generator){
    22.     const g = generator();
    23.     function handleResult(result) {
    24.         if (result.done) return // 生成器函数结束
    25.         result.value.then(data => {
    26.             handleResult(g.next(data))
    27.         }, error => {
    28.             g.throw(error)
    29.         })
    30.     }
    31.     handleResult(g.next());
    32. }
    33. // 相对于 generator async 最大的好处是不许再去配合一个生成器函数执行器
    34. // async 函数会返回一个promise 对象
    35. // 更加利于对整体代码的控制
    36. // async中的awit 关键词 只能出现在 async 内部 不能在外部使用
    37. async function main() {
    38.     try {
    39.         const users = await ajax('./api/users.json')
    40.         console.log(users);
    42.         const posts = await ajax('./api/posts.json')
    43.         console.log(posts);
    45.         const urls = await ajax('./api/urls111.json')
    46.         console.log(urls);
    47.     } catch (err) {
    48.         console.log("2-17",err);
    49.     }
    50. }
    52. // co(main)
    53. main()
    54. Promise.resolve(1).then(2).then(Promise.resolve(3)).then(value=>{console.log(value)})