博客
关于我
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/

你可能感兴趣的文章
localhost:5000在MacOS V12(蒙特利)中不可用
查看>>
mac mysql 进程_Mac平台下启动MySQL到完全终止MySQL----终端八步走
查看>>
Mac OS 12.0.1 如何安装柯美287打印机驱动,刷卡打印
查看>>
MangoDB4.0版本的安装与配置
查看>>
Manjaro 24.1 “Xahea” 发布!具有 KDE Plasma 6.1.5、GNOME 46 和最新的内核增强功能
查看>>
mapping文件目录生成修改
查看>>
MapReduce程序依赖的jar包
查看>>
mariadb multi-source replication(mariadb多主复制)
查看>>
MaterialForm对tab页进行隐藏
查看>>
Member var and Static var.
查看>>
memcached高速缓存学习笔记001---memcached介绍和安装以及基本使用
查看>>
memcached高速缓存学习笔记003---利用JAVA程序操作memcached crud操作
查看>>
Memcached:Node.js 高性能缓存解决方案
查看>>
memcache、redis原理对比
查看>>
memset初始化高维数组为-1/0
查看>>
Metasploit CGI网关接口渗透测试实战
查看>>
Metasploit Web服务器渗透测试实战
查看>>
Moment.js常见用法总结
查看>>
MongoDB出现Error parsing command line: unrecognised option ‘--fork‘ 的解决方法
查看>>
mxGraph改变图形大小重置overlay位置
查看>>