Store readable dan Fungsi Awal Kustom
Buat store hanya-baca yang didukung pengatur waktu, sensor, atau sumber data eksternal.
Store readable dan Fungsi Awal Kustom adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 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.
Store Hanya-Baca
Store readable hanya memiliki subscribe. Pengguna tidak dapat mengubahnya.
Impor readable
Berasal dari svelte/store.
import { readable } from "svelte/store";Nilai Awal + Fungsi Mulai
Berikan nilai awal dan fungsi mulai. Fungsi mulai menerima set dan dijalankan sekali pada pelanggan pertama.
export const time = readable(new Date(), (set) => {
const id = setInterval(() => set(new Date()), 1000);
return () => clearInterval(id);
});Fungsi Berhenti
Kembalikan fungsi pembersihan dari fungsi mulai. Svelte memanggilnya saat pelanggan terakhir berhenti berlangganan.
Penyiapan Malas
Fungsi mulai tidak dijalankan sampai seseorang berlangganan. Hal ini menghemat sumber daya saat store tidak digunakan.
Kasus Penggunaan
Jam, pembacaan sensor, aliran soket web, geolokasi — apa pun yang digerakkan oleh pengatur waktu atau peristiwa eksternal.
Gabungkan dengan Komponen
Berlangganan dengan $time di komponen mana pun. Svelte menangani pembersihannya.
<p>The time is {$time.toLocaleTimeString()}</p>Nilai Awal Tanpa Pembaruan
Abaikan fungsi mulai untuk membuat store readable konstan. Berguna untuk konfigurasi statis.
export const apiBase = readable("https://api.example.com");Menggunakan Kembali Pola
Pola fungsi pembuat memungkinkan Anda membuat store readable khusus domain dengan mudah.
Perbandingan dengan writable
Store readable mencegah penulisan yang tidak disengaja oleh pengguna. Gunakan untuk sumber yang dimiliki satu modul.
Mengubah writable menjadi readable
Buka hanya metode subscribe dari writable untuk memberikan tampilan readable kepada pengguna.
export const time = { subscribe: timeStore.subscribe };Pemeriksaan Singkat
Kapan fungsi mulai dijalankan?
Ringkasan
readable membuat store hanya-baca dengan fungsi mulai dan pembersihan yang berjalan secara malas, sangat cocok untuk sumber eksternal.
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 “Store readable dan Fungsi Awal Kustom” gratis?
Ya — teks lengkap “Store readable dan Fungsi Awal Kustom” 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 “Store readable dan Fungsi Awal Kustom”?
Buat store hanya-baca yang didukung pengatur waktu, sensor, atau sumber data eksternal. 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 4 dari 4.
Berapa lama pelajaran “Store readable dan Fungsi Awal Kustom” 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
- Membuat Store yang Dapat Ditulis
- Berlangganan dengan $ Berlangganan Otomatis
- Memperbarui Store: set() dan update()
- Store readable dan Fungsi Awal Kustom