ES6学习——ES7

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/。