let ile Tepkisel Değişkenler
Svelte'de düz let bildirimlerini kullanarak tepkisel durum tanımlayın.
let ile Tepkisel Değişkenler, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Özel API Yok
Svelte'te script bloğundaki sıradan let tanımları tepkiseldir. useState eşdeğeri yoktur.
Tanımlama ve Kullanma
Bir değişken tanımlayın ve işaretlemede değerini araya yerleştirin. Değeri güncellediğinizde, ona bağlı bölüm yeniden oluşturulur.
<script>
let count = 0;
</script>
<p>The count is {count}</p>Atamayla Güncelleme
Tetikleyici atamadır. count = count + 1, Svelte'e değerin değiştiğini bildirir.
function inc() { count = count + 1; }Artırma Kısa Yazımı
Standart JS kısa yazımları da çalışır: count++, count += 5 vb.
function inc() { count++; }Diziler ve Değiştirme
push aracılığıyla bir diziyi değiştirmek tepkiselliği tetiklemez. Yeniden atama yapmanız gerekir.
items = [...items, newItem]; // ok
items.push(newItem); // does not updateNesneler ve Değiştirme
Aynı kural nesneler için de geçerlidir: başvuruyu değiştirin veya belirli bir özelliği ve üst nesneyi yeniden atayın.
user.name = "Bea";
user = user; // tell Svelte it changedAtamanın Önemi
Svelte derleyicisi atama işleçlerini araçlarla izler. push gibi yöntem çağrıları derleyici tarafından görünmez.
Yerel ve Paylaşılan
Sıradan let, tek bir bileşen örneğine yerel durum oluşturur. Bileşenler arasında paylaşım yapmak için props veya stores kullanın.
Başlangıç Değerleri
let tanımının sağ tarafı, bileşen örneği başlatıldığında bir kez çalışır.
Tür Belirtme
lang="ts" ile değişkenlerinize açık türler verin.
<script lang="ts">
let count: number = 0;
</script>Birden Çok Değişken
İstediğiniz kadar tepkisel değişkeni tek bir satırda veya birden çok satırda tanımlayabilirsiniz.
let x = 0, y = 0;
let items = [];Hızlı Kontrol
Tepkiselliği ne tetikler?
Özet
Sıradan let tepkiseldir. Güncellemeleri tetiklemek için değiştirmek yerine yeniden atama yapın. Diziler ve nesneler için başvuruların değişmesi gerekir.
Sıkça Sorulan Sorular
“let ile Tepkisel Değişkenler” dersi ücretsiz mi?
Evet — “let ile Tepkisel Değişkenler” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“let ile Tepkisel Değişkenler” dersinde ne öğreneceğim?
Svelte'de düz let bildirimlerini kullanarak tepkisel durum tanımlayın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“let ile Tepkisel Değişkenler” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- script template style Yapısı
- let ile Tepkisel Değişkenler
- Enterpolasyon: {expression}
- Hesaplanan Değerler: $: tepkisel bildirimleri