博客
关于我
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
查看>>
MTK Android 如何获取系统权限
查看>>
MySQL - 4种基本索引、聚簇索引和非聚索引、索引失效情况、SQL 优化
查看>>
MySQL - ERROR 1406
查看>>
mysql - 视图
查看>>
MySQL - 解读MySQL事务与锁机制
查看>>
MTTR、MTBF、MTTF的大白话理解
查看>>
mt_rand
查看>>
mysql -存储过程
查看>>
mysql /*! 50100 ... */ 条件编译
查看>>
mudbox卸载/完美解决安装失败/如何彻底卸载清除干净mudbox各种残留注册表和文件的方法...
查看>>
mysql 1264_关于mysql 出现 1264 Out of range value for column 错误的解决办法
查看>>
mysql 1593_Linux高可用(HA)之MySQL主从复制中出现1593错误码的低级错误
查看>>
mysql 5.6 修改端口_mysql5.6.24怎么修改端口号
查看>>
MySQL 8.0 恢复孤立文件每表ibd文件
查看>>
MySQL 8.0开始Group by不再排序
查看>>
mysql ansi nulls_SET ANSI_NULLS ON SET QUOTED_IDENTIFIER ON 什么意思
查看>>
multi swiper bug solution
查看>>
MySQL Binlog 日志监听与 Spring 集成实战
查看>>