博客
关于我
ES6语法 学习笔记(八)Symbol
阅读量:798 次
发布时间:2019-03-25

本文共 1509 字,大约阅读时间需要 5 分钟。

JavaScript中的数据类型新增:symbol

什么是Symbol数据类型

Symbol是ECMAScript 6中新增的一种数据类型,它代表唯一的值。创建一个Symbol后,任何具有相同描述的Symbol都是唯一的。这个特性使得Symbol在独特识别和命名私有属性中非常有用。

let syml = Symbol('aaa'); // 'aaa'仅用于描述Symbol的值不是实际部分

需要注意的是,即使两个Symbol的描述相同,它们仍然是不同的值。例如:

let a = Symbol('aaa'); let b = Symbol('aaa'); console.log(a === b); // 返回false

Symbol的基本特性

  • 1. Symbol不能通过new keyword创建。只能通过Symbol()或Symbol.for()方法创建。
  • 2. Symbol是一个独特的数据类型,使用typeof operator检测最好。
  • 3. 当Symbol作为对象属性时,无法通过for...in循环遍历及其对应的enum属性无法被捕获。
let symbolObj = { a: '1', b: '2', [Symbol('prop')] : '3' };    for (let key in symbolObj) { console.log(key); } // 只会输出1和2}

Symbol创建方法

let syml = Symbol('描述'); // 这个格式是最常用的

如果要创建没有描述的Symbol,可以省略描述参数:

let syml = Symbol(); // 抽取一个随机唯一的描述

区别于普通对象键

Symbol键与普通字符串或数值键有区别,它们不会被序列化转为字符串。例如,当使用JSON.stringify()方法输出对象时,symbol键会被省略。

let obj = {      prop1: 'someValue',      prop2: Symbol('key')    };    console.log(JSON.stringify(obj)); // 结果中可能不显示Symbol键的内容

使用Symbol.for()方法创建

let a = Symbol.for('aaa');    let b = Symbol.for('aaa');    console.log(a === b); // 返回true,这种方法保证多次用同一描述的Symbol是相同的

Symbol.for()方法创建的不同之处在于,它会查找一个全局命名空间(注册表)查看是否已经存在一个名为'aaa'的Symbol。如果已经存在,就返回该Symbol;否则,创建一个并在全局注册表中记录。

读取Symbol描述

可以使用Symbol.keyFor()方法获取一个Symbol的描述。例如:

let a = Symbol.for('aaa');    console.log(Symbol.keyFor(a)); // 输出'aaa'

常见问题

  • 为什么Symbol只能用作独特标识符?因为它们无法被字符串化,且每个描述都生成一个唯一的实例。
  • 怎样确保跨页面或跨窗口的Symbol保持独立性?因为相同页面内使用Symbol.for()生成的symbols才会相同,不同页面或窗口还是独立的符号实例。

示例总结

let syml = Symbol('自定义描述');let obj = {};obj[Symbol.hasOwn = 'attr']; // 检查对象是否拥有特定属性

转载地址:http://bcpuk.baihongyu.com/

你可能感兴趣的文章
mysql一个字段为空时使用另一个字段排序
查看>>
MySQL一个表A中多个字段关联了表B的ID,如何关联查询?
查看>>
MYSQL一直显示正在启动
查看>>
MySQL一站到底!华为首发MySQL进阶宝典,基础+优化+源码+架构+实战五飞
查看>>
MySQL万字总结!超详细!
查看>>
Mysql下载以及安装(新手入门,超详细)
查看>>
MySQL不会性能调优?看看这份清华架构师编写的MySQL性能优化手册吧
查看>>
MySQL不同字符集及排序规则详解:业务场景下的最佳选
查看>>
Mysql不同官方版本对比
查看>>
MySQL与Informix数据库中的同义表创建:深入解析与比较
查看>>
mysql与mem_细说 MySQL 之 MEM_ROOT
查看>>
MySQL与Oracle的数据迁移注意事项,另附转换工具链接
查看>>
mysql丢失更新问题
查看>>
MySQL两千万数据优化&迁移
查看>>
MySql中 delimiter 详解
查看>>
MYSQL中 find_in_set() 函数用法详解
查看>>
MySQL中auto_increment有什么作用?(IT枫斗者)
查看>>
MySQL中B+Tree索引原理
查看>>
mysql中cast() 和convert()的用法讲解
查看>>
mysql中datetime与timestamp类型有什么区别
查看>>