Async/Await 原理分析

　一．Async, Await机制总结

• async/await是写异步代码的新方式，以前的方法有回调函数和Promise。
• async/await是基于Promise实现的，它不能用于普通的回调函数。
• async/await与Promise一样，是非阻塞的。
• async/await使得异步代码看起来像同步代码，这正是它的魔力所在。

　二．Async, Await机制和promise对比

　１.　async/await转换工具安装

　　　

　　　　$ sudo npm install babel-plugin-async-to-promises -g　　　　$ babel --plugins async-to-promises async_test.js

    ２.　async/await转换代码对比

function getConstant() {    return 1}async function getAsyncConstant() {    return 1}async function getPromise() {    return new Promise((resolved, rejected)=> {        resolved(1)    });}async function test() {    a = 2    c = 1    await getConstant();    d = 3    await getPromise();    d = 4    await getAsyncConstant();    return 2}

function getConstant() {    return 1;}function getAsyncConstant() {    return Promise.resolve().then(function () {        return 1;    });}function getPromise() {    return Promise.resolve().then(function () {        return new Promise((resolved, rejected) => {            resolved(1);        });    });}function test() {    return Promise.resolve().then(function () {        a = 2;        c = 1;        return getConstant();    }).then(function () {        d = 3;        return getPromise();    }).then(function () {        d = 4;        return getAsyncConstant();    }).then(function () {        return 2;    });}

从上可知, 所有带async function 的都会主动生成Promise, await会主动生成then