• ES6-Symbol


    javaScript的数据类型:number,string,boolean,undefined,null,object

    ES6带来了一个新的数据类型:symbol

    目的是:解决对象的属性名冲突的问题。

    let sm1=Symbol();

    let sm2=Symbol();

    console.log(sm1);   //Symbol()

    console.log(sm2);   //Symbol()

    console.log(typeof sm1)    //symbol

    console.log(sm1===sm2)   //false

    从测试可以发现 虽然sm1和sm2看起来很一样,但他们其实是不相等的。为了让不同的Symbol看起来不一样,我们可以通过参数来实现:

    let sm1=Symbol('sm1');

    let sm2=Symbol('sm2');

    console.log(sm1);   //Symbol(sm1)

    console.log(sm2);   //Symbol(sm2)  

    参数就像是Symbol的描述,用来区分看起来相同,实则不同的Symbol,但要注意,即使描述相同,sm1和sm2也不同,毕竟他们本来就是不同的东西。

    下面我们来看用Symbol解决对象属性命名冲突的注意问题:

    (1)当symbol值作为对象的属性名时,不能用点号来取得对应的属性值。

    let name=Symbol();  

    let person={

      [name]:'Lily'     //以Symbol作为属性名name

    };

    console.log(person[name])  //Lily

    console.log(person.name)    //undefined  不能用点号来取得对应的属性值

    (2)当symbol值作为对象的属性名时,也不能用点号来设置对应的属性值

    let name=Symbol();  

    let person={}

    paseon.name='Lily'     //以Symbol作为属性名name,以点号赋值。

    console.log(person[name])  //undefined 不能用点号来设置对应的属性值

    console.log(person['name'])  //Lily  

    console.log(person.name)    //Lily  

    可以看出,当用点号赋值时,其实javascript就不会把点号后的值理解为symbol类型,而是字符串类型,就相当于没有使用symbol

    (3)如何遍历symbol类型的属性名:Object.getOwnPropertySymbols()

    let name=Symbol();  

    let person={

      [name]:'Lily' ,    //symbol类型

      'age':12   //string类型

    };

    Object.keys(person)   //['age']

    for(let key in person){

      console.log(key)   // age

    我们发现使用Object.keys()和for...in都无法遍历出symbol类型的属性。

    我们可以用Object.getOwnPropertySymbols()来获取symbol类型的属性:  

    Object.getOwnPropertySymbols(person) //  [Symbol(name)]

    (4)获取对象上的所有属性名:Reflect.ownKeys()

    Reflect.ownKeys(person)  // ['age',Symbol(name)]

    (5)用Symbol.for()创建全局变量

    let sm1=Symbol.for('name');

    let sm2=Symbol.for('name');

    之前我们说过,在用Symbol创建变量时,即使描述相同,两个变量实际也是不同的(console.log(sm1===sm2)   //false  )。

    但这里,我们用Symbol.for()来创建得到的结果是:

    console.log(sm1===sm2)   //true

    原因是:使用Symbol.for()来创建的symbol值被登记在全局环境中,以便用Symbol.for()来搜索。也就是使用Symbol创建的symbol值是无法用Symbol.for()来搜索的。

    let sm1=Symbol('name');

    let sm2=Symbol.for('name');

    console.log(sm1===sm2)   //false

    (6)Symbol.keyFor()  返回一个被登记在全局环境中的symbol值的key,没有返回undefined

    let sm1=Symbol.for('name');

    Symbol.keyFor('sm1')   //name

    let sm1=Symbol('name');

    Symbol.keyFor('sm1')   // undefined

  • 相关阅读:
    更换惠普G32笔记本的风扇和硬盘,内存条, 谨记 要做好CPU和显卡的 导热硅脂工作!
    怎么更新 WIN10里的SMBv1协议
    ubuntu-12.04.5-desktop-amd64 安装vmwaretools
    如何解决“ VMware Workstation 不可恢复错误: (vcpu-0) vcpu-0:VERIFY vmcore/vmm/main/cpuid.c:386 bugNr=1036521”
    联想移动硬盘无法访问 解决方法1
    阮一峰 ---开发者手册
    Earth Wind 一个查看全球风向的网站
    Linux帮助用法
    Linux历史命令管理以及用法
    Linux操作练习
  • 原文地址:https://www.cnblogs.com/telnetzhang/p/5771944.html
Copyright © 2020-2023  润新知