Variabel Reaktif dengan let
Deklarasikan status reaktif di Svelte menggunakan deklarasi let biasa.
Variabel Reaktif dengan let adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Tanpa API Khusus
Di Svelte, deklarasi let biasa dalam blok skrip bersifat reaktif. Tidak ada padanan useState.
Deklarasikan dan Gunakan
Deklarasikan sebuah variabel dan interpolasikan nilainya dalam markah. Saat nilainya diperbarui, bagian yang bergantung padanya akan dirender ulang.
<script>
let count = 0;
</script>
<p>The count is {count}</p>Perbarui melalui Penugasan
Penugasan adalah pemicunya. count = count + 1 memberi tahu Svelte bahwa nilainya berubah.
function inc() { count = count + 1; }Singkatan Penambahan
Bentuk singkat JS standar juga berfungsi: count++, count += 5, dan sebagainya.
function inc() { count++; }Array dan Mutasi
Memutasi array melalui push TIDAK memicu reaktivitas. Anda harus menetapkan ulang nilainya.
items = [...items, newItem]; // ok
items.push(newItem); // does not updateObjek dan Mutasi
Aturan yang sama berlaku untuk objek: ganti referensinya, atau tetapkan ulang properti tertentu beserta induknya.
user.name = "Bea";
user = user; // tell Svelte it changedMengapa Penugasan Penting
Kompilator Svelte menginstrumentasikan operator penugasan. Pemanggilan metode seperti push tidak terlihat oleh kompilator.
Lokal dan Bersama
let biasa membuat keadaan yang bersifat lokal untuk satu instans komponen. Untuk berbagi antar komponen, gunakan props atau stores.
Nilai Awal
Sisi kanan deklarasi let dijalankan sekali saat instans komponen diinisialisasi.
Pemberian Tipe
Dengan lang="ts", berikan tipe eksplisit pada variabel Anda.
<script lang="ts">
let count: number = 0;
</script>Beberapa Variabel
Anda dapat mendeklarasikan sebanyak mungkin variabel reaktif yang diperlukan, dalam satu baris atau beberapa baris.
let x = 0, y = 0;
let items = [];Pemeriksaan Singkat
Apa yang memicu reaktivitas?
Rangkuman
let biasa bersifat reaktif. Tetapkan ulang, bukan mutasi, untuk memicu pembaruan. Array dan objek memerlukan perubahan referensi.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Variabel Reaktif dengan let” gratis?
Ya — teks lengkap “Variabel Reaktif dengan let” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Variabel Reaktif dengan let”?
Deklarasikan status reaktif di Svelte menggunakan deklarasi let biasa. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Variabel Reaktif dengan let” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Struktur template script style
- Variabel Reaktif dengan let
- Interpolasi: {expression}
- Nilai Terhitung: Deklarasi Reaktif $: