兼收并蓄 TypeScript - 基础: symbol
兼收并蓄 TypeScript - 基础: symbol
示例如下:
basic\symbol.ts
{
// Symbol() 是一个全局函数,返回一个唯一的 Symbol 值
const a = Symbol();
const b = Symbol(); // b 与 a 不同
const c = Symbol("description");
const d = Symbol("description"); // d 与 c 不同
// Symbol.for() - 获取指定 key 的 Symbol 值,如果没有就创建一个
const e = Symbol.for("key")
const f = Symbol.for("key") // f 与 e 相同
// Symbol.keyFor() - 获取指定的由 Symbol.for() 返回的 Symbol 值的 key
let g = Symbol.keyFor(e);
console.log(g); // key
// Symbol 的应用场景
// Symbol 主要用于解决 JavaScript 中对象属性名可能冲突的问题,保证属性名的唯一性
// 不用 Symbol 的话当多个模块尝试在同一个对象上添加相同名称的属性时,后者会覆盖前者,Symbol 的引入解决了这一问题,因为每个 Symbol 值都是独一无二的
}
{
const uniqueKey = Symbol("unique");
const obj = {
[uniqueKey]: "abc", // 使用 Symbol 作为属性名
};
console.log(obj[uniqueKey]); // abc
// 遍历 Symbol 类型的属性
const symbols = Object.getOwnPropertySymbols(obj);
for (const symbol of symbols) {
console.log(symbol, (obj as any)[symbol]); // Symbol(unique) abc
}
}