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);
});