JavaScript的异步编程async、await

1、async关键字

  先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 例如：

async function timeout() {
    return 'hello world';
}

  语法很简单，就是在函数前面加上async 关键字，来表示它是异步的，那怎么调用呢？async 函数也是函数，平时我们怎么使用函数就怎么使用它，直接加括号调用就可以了，为了表示它没有阻塞它后面代码的执行，我们在async 函数调用之后加一句console.log;

 async function timeout() {
    return 'hello world'
}
timeout();
console.log('虽然在后面，但是我先执行');

  async 函数返回的是一个promise 对象，如果要获取到promise 返回值，我们应该用then 方法

async function timeout() {
    return 'hello world'
    }
    timeout().then(result => {
    console.log(result);
})
console.log('虽然在后面，但是我先执行');

2、await关键字

  await 关键字，await是等待的意思，那么它等待什么呢，它后面跟着什么呢？其实它后面可以放任何表达式，不过我们更多的是放一个返回promise 对象的表达式。注意await 关键字只能放到async 函数里面。

function timeout(ms) {
    return new Promise((resolve, reject) ={
       setTimeout(resolve, ms, "finish");
    });
}
async function asyncTimeSys(){
    await timeout(1000);
    console.log("第一层异步结束！")
    await timeout(1000);
    console.log("第二层异步结束！")
    await timeout(1000);
    console.log("第三层异步结束！")
    await timeout(1000);
    console.log("第四层异步结束！")
    await timeout(1000);
    console.log("第五层异步结束！")
    return "all finish";
}
 asyncTimeSys().then((value)=>{
    console.log(value);
});

  现在我们看看代码的执行过程，asyncTimeSys 函数，它里面遇到了await, await 表示等一下，代码就暂停到这里，不再向下执行了，它等什么呢？等后面的promise对象执行完毕，然后拿到promise resolve 的值并进行返回，返回值拿到之后，它继续向下执行。具体到 我们的代码, 遇到await 之后，代码就暂停执行了， 等待timeout(1000) 执行完毕

代码输出:

第一层异步结束！
第二层异步结束！
第三层异步结束！
第四层异步结束！
第五层异步结束！
all finish

  总结一下，async/await就是为了解决异步回调而生的，它可以让你的异步代码写的像同步的一样具有良好的可读性.