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

你可能感兴趣的:(ES6,ES6)