javascript / intermediate
Snippet
Reaktive Datenvalidierung mit Proxy
Die Proxy-API ermöglicht es, ein Objekt zu umhüllen und Operationen wie Zuweisungen abzufangen. Dies ist nützlich für reaktive Systeme oder um eine Validierungsschicht direkt in Datenmodelle einzubauen.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
const userSchema = {set(target, key, value) {if (key === 'age' && (typeof value !== 'number' || value < 0)) {throw new Error('Age must be a positive number');}target[key] = value;return true;}};const user = new Proxy({}, userSchema);
nextjs
Erklärung
1
set(target, key, value)
Ein 'Trap', der jeden Versuch abfängt, eine Eigenschaft des Objekts zu setzen.
2
throw new Error(...)
Verhindert, dass ungültige Daten in das ursprüngliche Objekt geschrieben werden.
3
new Proxy({}, userSchema)
Erstellt die Proxy-Instanz unter Verwendung des Originalobjekts und des Handlers.