这篇文章我纠结了很久，你问我为什么纠结？因为async、await这一组修饰符的用法我觉得太简单了，根本不用介绍。但配合Promise，再加上exports，又不简单。

async、await

为什么说简单

先看看官方怎么解释的
async： 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。
await： 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。
两个修饰符的介绍里都有“Promise” 这个出现。（笑哭）
我也不拐弯抹角了，async、await就是给Promise打辅助的，Promise才是c位，搞懂Promise才是关键
关于Promise，请看sinye说promise这篇文章。
 

async

用于修饰函数，告诉函数注意点await，看到await就停止自身函数继续执行，等await后面的函数或者代码执行完再继续执行自身函数。
来段代码帮助理解：使用ajax获取访问ip

function getIP(){
    return new Promise(resolve=>{
        $.ajax({
            type: 'get',
            //我以允许跨域请求，大家可以使用测试
            url: 'http://phpsocket.sinye.xyz/api/ip',
            success: function (ip) {
                setTimeout(()=>{
                    resolve(ip)
                },3000)
            }
        });
    })
}
async function async_console_IP(){
    let ip = await getIP()
    console.log('async_ip：'+ip)
    console.log('async_ip：')
}
function console_IP(){
    getIP().then((ip)=>{
        console.log('ip：'+ip)
    })
    console.log('ip：')
}
async_console_IP()
console_IP()

// 打印结果
ip：// 23行打印的
async_ip：184.xxx.76.85// 16行打印的
async_ip：// 17行打印的
ip：184.xxx.76.85// 21行打印的

不难看出，使用async修饰的函数，里面执行顺序是从上往下。
而没使用async修饰的函数先打印了“ip：”然后打印“ip：184.xxx.76.85”。
如果把console.log(‘ip：’)写到then里面，是不是和使用async修饰的函数执行顺序一样了。
所以我说Promise才是c位。
 

await

使用await要注意：
1. 一定要在async修饰的函数里使用。
2. 返回 Promise 对象的处理结果。如果等待的不是 Promise 对象，则返回该值本身

一般而言，async、await给Promise打辅助，但不能说辅助完全没输出，来看看下面例子：

function a(){
    console.log("1")
    console.log("2")
}
a()
console.log("3")
// 打印结果：123


async function a(){
    await 1
    console.log("1")
    console.log("2")
}
a()
console.log("3")
// 打印结果：312

为什么说不简单

绕！
一开始我还对Promise不熟悉的时候，直接看async、await，完全绕蒙我了。如果你看到这里还蒙就说明你对Promise不熟悉，你可以完全搞清楚Promise再回来学习。甚至你不弄清楚async、await都行，但Promise一定要熟悉！Promise一定要熟悉！Promise一定要熟悉！
 

async、await总结

1. 是ES7提出的基于Promise的解决异步的最终方案。
2. 使得Promise的书写更加优雅整洁。
3. 使得ajax请求的返回值得以return出，以供其他函数使用