ES7中的async函数

0x01

最近在拜读阮一峰老师的教程，学习ES6语法，我用babel.js自动将es6、es7的代码转换成es5代码，babel一直工作正常，但在浏览器环境下，Generator函数一直错误：Uncaught ReferenceError: regeneratorRuntime is not defined，github上也有人提问，搞了半天，在代码顶部添加import "babel-polyfill";，前几天还是妥妥的运行，今天就不行了。。。真是纳闷。

0x02

后来翻到教程下面我就看到原来ES7有了async函数，其实简单的说就是对Generator进行了包装，使其可以自动执行，不用再.next()。而且babel能正常工作，嘿嘿。

0x03

具体语法我就不介绍了，最下面有参考链接，有兴趣可以去看看。

var delayPromiseFuc = function (id) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            resolve(id + ' : done');
        }, 3000)

    });
};

async function myFunction() {
    var data1 = await delayPromiseFuc(1);

    console.log(data1);

    var data2 = await delayPromiseFuc(2);


    console.log(data2);

    return 'all Done' + data1 + data2;

}

var result = myFunction();
result.then(function (data) {
   console.log(data);
});

参考连接

ECMAScript 6 入门