ES7是ES6的下一个版本,官方应该叫ES2017,其实ES6官方也叫ES2016,以后都会以年来命名规范的名称。ES6还没有完全得到浏览器的支持,为什么要了解ES7呢?技术总在不断的发展,多知道一些新技术可以拓展你的见识与思路,在设计程序的时候可以更加灵活。
关于ES7的内容,可以参考这里:https://github.com/tc39/ecma262#current-proposals,新的提议分为4个stage,从0~4,4是最接近下个版本规范准备加入的内容,目前才只有两个,也不是什么大的特性。这篇文章主要想介绍一下async functions。前面的文章里提到过用yield+promise把异步的过程同步化,当时自己实现了一个工具函数来运行生成器函数。在ES7中已经有这方面的提议了,就是用async functions。
先看一下原有写法:
run( function *main() {
var ret = yield step1();
try {
ret = yield step2( ret );
}
catch (err) {
ret = yield step2Failed( err );
}
ret = yield Promise.all([
step3a( ret ),
step3b( ret ),
step3c( ret )
]);
yield step4( ret );
} )
.then(
function fulfilled(){
// `*main()` completed successfully
},
function rejected(reason){
// Oops, something went wrong
}
);
在看一下利用async functions:
async function main() {
var ret = await step1();
try {
ret = await step2( ret );
}catch (err) {
ret = await step2Failed( err );
}
ret = await Promise.all( [
step3a( ret ),
step3b( ret ),
step3c( ret )
] );
await step4( ret );
}
main().then(
function fulfilled(){
// `main()` completed successfully
},
function rejected(reason){
// Oops, something went wrong
}
);
在函数名字前面加async关键字,然后用await替换yield,就可以轻松直接调用函数来实现异步调用同步化。现在如果要使用这个特性也是可以的,大家可以参考这里http://kangax.github.io/compat-table/esnext/,traceur和babel已经支持这个特性了。
还有一个特性这里提一下,就是Object.observe,虽然这个特性没有在ES7的提议中出现,但确实很有用,可以参考这里:https://arv.github.io/ecmascript-object-observe/。