Symbol简单理解

概述

Symbol的原理:保证每一个属性名都是独一无二的,从根本上防止属性名的冲突。
symbol表示独一无二的值,是JavaScript的第七种数据类型。

生成

Symbol值通过Symbol函数,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型。而Symbol类型的属性名都是独一无二的,保证不会与其他属性名发生冲突。

1
2
let s = Symbol();
typeof s;//Symbol

<mark>注意</mark>:Symbol函数前不能用new命令,这是因为生成的 Symbol 是一个原始类型的值,不是对象。

Symbol函数接受参数

字符串为参数(Symbol实例的描述,在打印时易于区分)

1
2
3
4
5
6
let s1 = Symbol('foo');
let s2 = Symbol('bar');
s1 // Symbol(foo)
s2 // Symbol(bar)
s1.toString() // "Symbol(foo)"
s2.toString() // "Symbol(bar)"

 

对象为参数

先调用对象的toString()方法将其转为字符串,然后再生成Symbol值。

1
2
3
4
5
6
7
const obj = {
  toString() {
return 'abc';
  }
};
const sym = Symbol(obj);
sym // Symbol(abc)

<mark>注意</mark>:
1.Symbol函数的参数只是表示对当前 Symbol 值的描述,因此相同参数的Symbol函数的返回值是不相等的。
2.Symbol值不能与其他类型的值进行运算
3.Symbol值可以显式转为字符串
4.Symbol值可以转为布尔型,但不能转为数值。

作为属性名的Symbol值

由于每一个 Symbol 值都是不相等的,这意味着 Symbol 值可以作为标识符,用于对象的属性名,就能保证不会出现同名的属性。这对于一个对象由多个模块构成的情况非常有用,能防止某一个键被不小心改写或覆盖。

let mySymbol = Symbol();
let a={};
a[Symbol]='Hello'//写法一
Object.defineProperty(a,mySymbol,{ value: 'Hello' });//写法二

<mark>注意</mark>:
1.Symbol作为对象属性名时,不能用点运算符。(点运算符后面总是字符串)
2.在对象的内部,使用 Symbol 值定义属性时,Symbol 值必须放在方括号之中。方括号中的属性名代表了Symbol值。
3.Symbol 值作为属性名时,该属性还是公开属性,不是私有属性。

魔术字符串

在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。

属性名的遍历

Symbol 作为属性名,该属性不会出现在for...infor...of循环中,也不会被Object.keys()Object.getOwnPropertyNames()JSON.stringify()返回。但是,它也不是私有属性,有一个Object.getOwnPropertySymbols方法,可以获取指定对象的所有 Symbol 属性名。

  • Object.getOwnPropertySymbols():返回一个数组,成员是当前对象的所有用作属性名的 Symbol 值。
  • Reflect.ownKeys():返回所有类型的键名。
1
2
3
4
5
6
7
let obj = {
  [Symbol('my_key')]: 1,
  enum: 2,
  nonEnum: 3
    };
Reflect.ownKeys(obj)
//  ["enum", "nonEnum", Symbol(my_key)]

 

Symbol的方法

Symbol.for()(重新使用同一个Symbol值)

它接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建并返回一个以该字符串为名称的 Symbol 值。

1
2
3
let s1 = Symbol.for('foo');
let s2 = Symbol.for('foo');
s1 === s2 // true

Symbol.for()不会每次调用就返回一个新的Symbol类型的值,而是会先检查给定的key值是否已经存在,不存在的话才会新建一个值。而Symbol.()方法没有登记机制,所以每次调用都是不同的值。

Symbol.Keyfor()

返回一个已登记的Symbol类型的值Key。

1
2
3
4
let s1 = Symbol.for("foo");
Symbol.keyFor(s1) // "foo"
let s2 = Symbol("foo");
Symbol.keyFor(s2) // undefined

 

Singleton 模式

Singleton模式指的是调用一个类,任何时候返回的都是同一个实例。



 
来源于:
 
posted @   方头小小狮  阅读(497)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示