await 与 async

await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。

async 是 ES7 才有的与异步操作有关的关键字，会返回一个promise，并且Promise对象的状态值是resolved（成功的）。

简单来说，Promise 对象是异步操作，await可以等待异步请求完再执行后面代码，而async常用来让await不要完全阻塞后面代码，下面举代码示例来说明：

正常情况下一个Promise 对象

function testAwait(){
   return new Promise((resolve) => {
       setTimeout(function(){
          console.log("testAwait");
          resolve();
       }, 1000);
   });
}
testAwait().then(v => {
   console.log('then')
})
console.log('test')

会先输出test，再依次输出异步内容testAwait，then。但某些情况是希望等异步执行完再输出test，那么这个时候就需要await了，看如下代码：

function testAwait(){
   return new Promise((resolve) => {
       setTimeout(function(){
          console.log("testAwait");
          resolve();
       }, 1000);
   });
}
 
await testAwait().then(v=>{
	console.log('then')
});

console.log('test')

用了await可以看到输出顺序就变成了testAwait、then、test，await阻塞了后面的代码执行，指导Promise 对象完全执行完才会执行后面代码。

在我们正常工作我们有时候会出现不想完全阻塞后面全部代码，只希望阻塞部分代码的情况，但一旦用了await后面代码就都不执行了，那么就需要async的配合了。

function testAwait(){
   return new Promise((resolve) => {
       setTimeout(function(){
          console.log("testAwait");
          resolve();
       }, 1000);
   });
}
 
async function testAsync(){
   await testAwait();
   console.log("testAsync");
}

testAsync().then(v=>{
	console.log('then')
});
console.log('test')

可以看到test并未被阻塞正常执行了，而在await后的testAsync则是被阻塞了。