$derived: Nilai Terhitung Deklaratif
Hitung nilai yang diperbarui secara otomatis saat dependensinya berubah.
$derived: Nilai Terhitung Deklaratif adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.
State Terhitung
Gunakan $derived(expr) untuk menghitung nilai dari sumber reaktif.
let count = $state(0);
let doubled = $derived(count * 2);Pelacakan Otomatis
Svelte melacak dependensi ekspresi secara otomatis. Nilai turunan diperbarui saat sumber mana pun berubah.
Hanya Baca
Nilai turunan tidak dapat ditetapkan secara langsung; nilainya selalu mencerminkan hasil perhitungan.
Gunakan dalam Markup
Baca nilai turunan seperti state lainnya.
<p>Doubled: {doubled}</p>Evaluasi Malas
Nilai turunan dihitung secara malas saat dibaca; jika tidak ada yang membacanya, biayanya dilewati.
Caching
Hasilnya disimpan dalam cache hingga sumber berubah — tidak ada perhitungan berulang setiap kali dibaca.
Logika Rumit
Untuk logika dengan beberapa pernyataan, gunakan bentuk $derived.by(() => { ... }).
Dibandingkan dengan $:
$derived menggantikan $: x = .... Lebih eksplisit dan dapat digunakan di luar file .svelte.
Inferensi Tipe
TypeScript menyimpulkan tipe dari ekspresi secara otomatis.
Tanpa Efek Samping
Derived harus murni. Untuk efek samping, gunakan $effect.
Kinerja
Hasilnya diingat; perhitungan ulang hanya dilakukan saat dependensi berubah.
Pemeriksaan Singkat
Apa yang dikembalikan $derived?
Ringkasan
$derived adalah cara modern dan eksplisit untuk mendeklarasikan nilai terhitung. Gunakan $derived.by untuk logika yang terdiri dari beberapa baris.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “$derived: Nilai Terhitung Deklaratif” gratis?
Ya — teks lengkap “$derived: Nilai Terhitung Deklaratif” 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 “$derived: Nilai Terhitung Deklaratif”?
Hitung nilai yang diperbarui secara otomatis saat dependensinya berubah. 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 3 dari 4.
Berapa lama pelajaran “$derived: Nilai Terhitung Deklaratif” 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
- Mengapa Runes: Melampaui Keajaiban Compiler
- $state: Reaktivitas Terperinci
- $derived: Nilai Terhitung Deklaratif
- $effect: Efek Samping