ES2015(ES6)

作者: lyzaijs | 来源:发表于2016-03-23 15:33 被阅读5422次

    阮一峰 ES2015
    给 JavaScript 初心者的 ES2015 实战

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

    标准的制定者有计划,以后每年发布一次标准,使用年份作为标准的版本。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015,下一年应该会发布小幅修订的ES2016。

    解构赋值

    ES6所带来的更清晰的变量声明与赋值语法。现今的变量声明语法十分的直接:左边是一个变量名,右边可以是一个数组:[] 的表达式或一个对象:{} 的表达式,等等。解构赋值允许我们将右边的表达式看起来也像变量声明一般,然后在左边将值一一提取。

    ES2015 箭头函数
    ES6允许使用“箭头”(=>)定义函数。

    var f = v => v;
    

    上面的箭头函数等同于:

    var f = function(v) 
    { 
            return v;
    };
    

    由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号。

    var getTempItem = id => ({ id: id, name: "Temp" });
    

    嵌套的箭头函数

    函数绑定

    箭头函数可以绑定this对象,大大减少了显式绑定this对象的写法(call、apply、bind)。但是,箭头函数并不适用于所有场合,所以ES7提出了“函数绑定”(function bind)运算符,用来取代call、apply、bind调用。虽然该语法还是ES7的一个提案,但是Babel转码器已经支持。

    函数绑定运算符是并排的两个双冒号(::),双冒号左边是一个对象,右边是一个函数。该运算符会自动将左边的对象,作为上下文环境(即this对象),绑定到右边的函数上面。

    对象的扩展

    相关文章

      网友评论

      • KunMinX:箭头……这就是所谓的lambda
      • 秋夜已凉:感觉箭头函数的语义化 太低了 不好理解

      本文标题:ES2015(ES6)

      本文链接:https://www.haomeiwen.com/subject/htnllttx.html