0 Tage Serie
javascript / intermediate
Snippet

Robuste Dependency Injection mit Symbols

Die Verwendung eindeutiger Symbols als Injektionsschlüssel verhindert Namenskollisionen in großen Anwendungen. Im Gegensatz zu String-Schlüsseln sind Symbols garantiert eindeutig, was sicherstellt, dass bereitgestellte Werte nicht versehentlich von anderen Komponenten oder Bibliotheken überschrieben werden.

snippet.js
javascript
1
2
3
4
5
6
7
const USER_KEY = Symbol('UserConfig');
// Provider
provide(USER_KEY, { id: 1, name: 'Alex' });
// Consumer
const user = inject(USER_KEY);
vue
Erklärung
1
Symbol('UserConfig')
Erstellt einen eindeutigen, kollisionsfreien Identifikator, der als Schlüssel für den provide/inject-Mechanismus dient.