兼收并蓄 TypeScript - 基础: symbol

源码 https://github.com/webabcd/TypeScriptDemo
作者 webabcd

兼收并蓄 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
    }
}

源码 https://github.com/webabcd/TypeScriptDemo
作者 webabcd

posted @ 2024-09-20 12:10  webabcd  阅读(7)  评论(0编辑  收藏  举报