es6

作者: 畅畅_f7af | 来源:发表于2018-10-30 13:48 被阅读7次

    es6

    解析结构

    无序的对应关系,对象根据属性名一 一对应

    const props = { name:nelly,age:25, sex:women};

    es5    var sex = props.sex ; var age = props.age;

    es6    const {sex,women} = props;

    有序的对应关系,数组以序列号 一 一对应

    es5  var arr = [one,two,three] ; var first = arr [0];var second = arr [1];

    es6  const arr = [one,two,three] ; const [a,b,c] = arr;

    example:

    import { bus } from 'tools/';   等价如  import Bus from 'src/tools/bus'

    展开运算符

    在ES6中用...来表示展开运算符,它可以将数组方法或者对象进行展开


    ES6中的Symbol

    Symbol是由ES6规范引入的一项新特性,它的功能类似于一种标识唯一性的ID。通常情况下,我们可以通过调用Symbol()函数来创建一个Symbol实例:

    另外,我们需要重点记住的一点是:每个Symbol实例都是唯一的。因此,当你比较两个Symbol实例的时候,将总会返回false:

    应用场景1:使用Symbol来作为对象属性名(key)

    Symbol类型的key是不能通过Object.keys()或者for...in来枚举的,它未被包含在对象自身的属性名集合(property names)之中。所以,利用该特性,我们可以把一些不需要对外操作和访问的属性使用Symbol来定义。

    也正因为这样一个特性,当使用JSON.stringify()将对象转换成JSON字符串的时候,Symbol属性也会被排除在输出内容之外:

    应用场景2:使用Symbol来替代常量

    如上面的代码中那样,我们经常定义一组常量来代表一种业务逻辑下的几个不同类型,我们通常希望这几个常量之间是唯一的关系,为了保证这一点,我们需要为常量赋一个唯一的值(比如这里的'AUDIO'、'VIDEO'、 'IMAGE'),常量少的时候还算好,但是常量一多,你可能还得花点脑子好好为他们取个好点的名字。

    现在有了Symbol,我们大可不必这么麻烦了:

    应用场景3:使用Symbol定义类的私有属性/方法

    我们知道在JavaScript中,是没有如Java等面向对象语言的访问控制关键字private的,类上所有定义的属性或方法都是可公开访问的。因此这对我们进行API的设计时造成了一些困扰。

    而有了Symbol以及模块化机制,类的私有属性和方法才变成可能。例如:

    在文件 a.js中

    在文件 b.js 中

    由于Symbol常量PASSWORD被定义在a.js所在的模块中,外面的模块获取不到这个Symbol,也不可能再创建一个一模一样的Symbol出来(因为Symbol是唯一的),因此这个PASSWORD的Symbol只能被限制在a.js内部使用,所以使用它来定义的类属性是没有办法被模块外访问到的,达到了一个私有化的效果。

    相关文章

      网友评论

          本文标题:es6

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