derived() untuk Store Terhitung
Turunkan store baru yang nilainya dihitung dari satu atau beberapa store lain.
derived() untuk Store Terhitung adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 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.
Fungsi derived
derived membuat store baru yang nilainya dihitung dari satu atau beberapa store sumber.
Impor Fungsinya
Dari svelte/store.
import { derived } from "svelte/store";Satu Sumber
Turunkan dari satu store: berikan store tersebut dan fungsi yang mengembalikan nilai turunannya.
export const doubled = derived(count, ($count) => $count * 2);Beberapa Sumber
Berikan array berisi beberapa store; fungsi panggilan balik menerima array berisi nilai-nilai store tersebut.
export const total = derived([price, qty], ([$p, $q]) => $p * $q);Derived Asinkron
Berikan argumen kedua set dan panggil secara asinkron untuk melakukan derivasi dari sumber asinkron.
derived(userId, ($id, set) => {
fetchUser($id).then(set);
});Nilai Awal
Derived asinkron menerima argumen ketiga sebagai nilai awal sebelum set dipanggil.
Pembersihan Otomatis
Seperti store lainnya, derived otomatis membersihkan langganan ke store sumbernya.
Perangkaian
Store derived juga dapat berfungsi sebagai sumber bagi derived lainnya.
Memoisasi
Nilai turunan hanya diperbarui saat nilai sumber berubah. Ini setara dengan pemilih yang dimemoisasi.
Penggunaan dalam Komponen
Gunakan dengan bentuk singkat $ seperti store lainnya.
<p>Total: {$total}</p>Kapan Digunakan
Gunakan derived untuk status bersama yang dihitung; untuk nilai terhitung lokal komponen, utamakan $:.
Pemeriksaan Singkat
Apa yang dikembalikan derived?
Ringkasan
derived membuat store hanya-baca terhitung dari satu atau banyak sumber. Mendukung derivasi sinkron dan asinkron.
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Pertanyaan yang Sering Diajukan
Apakah pelajaran “derived() untuk Store Terhitung” gratis?
Ya — teks lengkap “derived() untuk Store Terhitung” 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() untuk Store Terhitung”?
Turunkan store baru yang nilainya dihitung dari satu atau beberapa store lain. 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 1 dari 4.
Berapa lama pelajaran “derived() untuk Store Terhitung” 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
- derived() untuk Store Terhitung
- Pola Store Kustom dengan subscribe/set/update
- Readable dari Writable
- Kontrak Store dan Interoperabilitas