Verwenden des Symbols als Objektschlüsseltyp in TypeScript

Ich versuche, ein Objekt mit einem Symbol als Schlüsseltyp zu definieren, da MDN Folgendes sagt:

Ein Symbolwert kann als Kennung für Objekteigenschaften verwendet werden [...]

Verwenden Sie es jedoch als Typ für die Schlüsseleigenschaft:

type obj = {
    [key: symbol | string]: string
}

führt zu folgendem Fehler:

TS1023: Ein Indexsignaturparametertyp muss entweder 'string' oder 'number' sein.

sogar es kann als Indextyp verwendet werden. Ich verwende die neueste Typoskript-Version ( v3.7.2). Verwandte Fragen, die ich gefunden habe:

• Typoskript: Zerstörung eines Objekts mit Symbolen als Schlüssel (Er verwendet eine tatsächliche Instanz eines Symbols, ich möchte den Typ symbol )
• TypeScript: Ein Indexsignaturparameter muss eine 'Zeichenfolge' oder 'Zahl' sein, wenn Sie versuchen, Zeichenfolge | zu verwenden Nummer
• ES6: Zerstörung eines Objekts mit Symbolen als Schlüssel (Das kann keine Lösung sein - es scheint irgendwie falsch, eine tatsächliche Instanz als Typ zu verwenden, da jede Symbolinstanz eindeutig ist ...)

Ich habe mir auch die Typoskript-Symboldokumente angesehen aber sie zeigen nur, wie sie als Wert und nicht als Typ verwendet werden.

Beispiel:

const obj = {} as {
    [key: number | symbol]: string // Won't work
};

const sym = Symbol('My symbol');
obj[sym] = 'Hi';

Problem mit Microsoft / TypeScript

Funktionsanforderung öffnen

Leider ist dies derzeit in TypeScript nicht möglich. Wenn Sie mit einigen APIs zusammenarbeiten müssen, die dies erwarten oder wirklich Symbole als Schlüssel verwenden möchten, können Sie diese umständliche Version ausführen:

// Ensure we can not pass regular map to our custom functions
type SymbolMapTag = { readonly symbol: unique symbol }

type SymbolMap = SymbolMapTag & {
    [Key in string | number | symbol]: string;
}

function set_symbol<T extends SymbolMap, TSym extends symbol>
(target: T, sym: TSym, value: T[TSym]) {
    target[sym] = value;
}

function get_symbol<T extends SymbolMap, TSym extends symbol>
(target: T, sym: TSym): T[TSym] {
    return target[sym];
}

const symbol_map = {} as SymbolMap;

const sym = Symbol('My symbol');
set_symbol(symbol_map, sym, "hi");
get_symbol(symbol_map, sym); // string


type NonSymbolMap = {
    [Key in string | number]: string;
}

const non_symbol_map = {} as NonSymbolMap;
set_symbol(non_symbol_map, sym, "hi"); // error
get_symbol(non_symbol_map, sym); // error