javascript / beginner
Snippet
Verfolgen primitiver und referenzbasierter Datentypen im Svelte-Zustand
JavaScript unterscheidet zwischen primitiven Datentypen (wie Zahlen, Zeichenketten und Booleans) und Referenztypen (wie Objekten). Svelte vereinfacht die reaktive Nachverfolgung, indem die Ansicht automatisch aktualisiert wird, sobald primitive Werte oder Objekteigenschaften neu zugewiesen werden.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>let score = 0;let user = { name: "Taylor", active: true };function updateProfile() {score += 10;user.active = score < 50;}</script><p>Player: {user.name} (Type: {typeof user.name})</p><p>Points: {score} (Type: {typeof score})</p><p>Status: {user.active ? 'Active' : 'Archived'} (Type: {typeof user.active})</p><button on:click={updateProfile}>Add Points</button>
svelte
Erklärung
1
let score = 0;
Initialisiert eine primitive Zahlenvariable zur Punktezählung.
2
let user = { name: "Taylor", active: true };
Initialisiert ein Referenzobjekt mit einer String- und einer Boolean-Eigenschaft.
3
{typeof user.name}
Verwendet den JavaScript-Operator typeof, um den String-Datentyp zur Laufzeit auszugeben.
4
user.active = score < 50;
Weist einer Objekteigenschaft das boolesche Ergebnis eines numerischen Vergleichs zu.