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

你可能感兴趣的文章
Python中*args和**kwargs的使用
查看>>
python中0、1、True、False、if条件
查看>>
python中argparse模块关于 parse_args() 函数详解(全)
查看>>
python中base64编码与解码
查看>>
python中break怎么用_详解Python中break语句的用法
查看>>
python中del函数的垃圾回收
查看>>
Python中DrissionPage的详细解析与实战
查看>>
python中enumerate、变量类型转换
查看>>
python中execute是啥_python – 为什么“c.execute(…)”打破循环?
查看>>
python中exit和break区别_Python中exit()和sys.exit()之间的区别
查看>>
python中h5的用法
查看>>
python中http协议编程_HTTP编程
查看>>
python中import os_Python:相对导入与绝对导入(import)、os.path、__file__
查看>>
Python中set.discard和set.remove方法之间的运行时差异?
查看>>
python中yield的用法详解——最简单,最清晰的解释
查看>>
python中‘set.intersection()‘的算法是什么?
查看>>
Python中一个图形中的多个绘图
查看>>
python中一个好的持久同步队列
查看>>
Python中不准确的对数
查看>>
python中什么是实例方法_在Python中创建实例方法对象的不同方法
查看>>