ES6学习-Symbol

Symbol

数据类型Symbol,表示独一无二的值。

对象的属性名可有两种类型,一种是原来的字符串,另一种是新增的 Symbol 类型

可以保证不与其他属性名产生冲突。

js 复制代码
let s1 = Symbol()
let s2 = Symbol()
console.log(s1, s2, s1 == s2)//Symbol() Symbol() false

可以接受一个字符串作为参数,表示对 Symbol 实例的描述

js 复制代码
let s1 = Symbol('foo');

如果 Symbol 的参数是一个对象,就会调用该对象的toString方法

js 复制代码
const obj = {
  toString() {
    return 'abc';
  }
};
const sym = Symbol(obj);
sym // Symbol(abc)

Symbol.prototype.description

读取Symbol的描述

js 复制代码
const sym = Symbol('foo')
sym.description //foo

作为属性名

js 复制代码
let mySymbol = Symbol();
let a = {};a[mySymbol] = 'Hello!';
let a = {let a = {};};
let a = {};Object.defineProperty(a, mySymbol, { value: 'Hello!' });

属性名的遍历

Symbol 作为属性名,遍历对象的时候,该属性不会出现在for...infor...of循环中,也不会被Object.keys()Object.getOwnPropertyNames()JSON.stringify()返回

Object.getOwnPropertySymbols()方法,可以获取指定对象的所有 Symbol 属性名。该方法返回一个数组,成员是当前对象的所有用作属性名的 Symbol 值。

js 复制代码
const objectSymbols = Object.getOwnPropertySymbols(obj);

Reflect.ownKeys()方法可以返回所有类型的键名,包括常规键名和 Symbol 键名

js 复制代码
let obj = {
  [Symbol('my_key')]: 1,
  enum: 2,
  nonEnum: 3
};
Reflect.ownKeys(obj)
//  ["enum", "nonEnum", Symbol(my_key)]

Symbol.for()

Symbol("cat")每次调用都会返回一个新的值。

Symbol.for()会先检查给定的key是否已经存在,存在:每次都会返回同一个 Symbol 值;如果不存在:才会新建一个值。

js 复制代码
Symbol.for("bar") === Symbol.for("bar")// true

Symbol("bar") === Symbol("bar")
// false

由于Symbol()写法没有登记机制,所以每次调用都会返回一个不同的值。

Symbol.keyFor()

Symbol.keyFor()方法返回一个已登记的 Symbol 类型值的key

js 复制代码
let s1 = Symbol.for("foo");
Symbol.keyFor(s1) // "foo"

let s2 = Symbol("foo");
Symbol.keyFor(s2) // undefined

注意,Symbol.for()为 Symbol 值登记的名字,是全局环境的,不管有没有在全局环境运行。

相关推荐
HarderCoder几秒前
ByAI:Rect-redux实现及connect函数
前端·react.js
小张快跑。2 分钟前
【Vue3】(三)vue3中的pinia状态管理、组件通信
前端·javascript·vue.js
我想说一句2 分钟前
当 map 遇上 parseInt:JS 中一场参数引发的“血案”
前端·javascript·面试
陈随易3 分钟前
2025年100个产品计划之第12个(杰森排序) - 对 JSON 属性进行排序
前端·后端·程序员
LeeAt3 分钟前
《谁杀死了比尔?》:使用Trae完成的一个推理游戏项目!!
前端·游戏开发·trae
Hockor7 分钟前
写给前端的 Python 教程四(列表/元组)
前端·后端·python
GetcharZp8 分钟前
「DPlayer」超强弹幕视频播放器来了!支持m3u8直播,5分钟搞定集成!
前端
天天码行空11 分钟前
Bootstrap Table企业级web数据表格集成框架
前端·javascript·开源
import_random15 分钟前
[关联规则]apriori算法和fp-growth算法(区别)
前端
lyc23333319 分钟前
鸿蒙IME Kit高级开发:共享沙箱与跨进程数据传输🚀
前端