JavaScript ES6: Arrow Function ve Destructuring Kullanımı | YZ Canlı Yazılım

YZ Satır Satır Ders

0 / 85

100% eğitim kalitesi

Canlı Önizleme index.html | 0 satır

Satır Açıklaması

Öğrenme rotası

Dersi nasıl çalışmalısın?

Önce verinin hangi dizi veya nesneden geldiğini bulun. Sonra her ES6 özelliğinin bu veriyi hangi biçime dönüştürdüğünü ve çıktıyı nasıl etkilediğini takip edin.

Arrow function ile klasik fonksiyon arasındaki yazım ve kapsam farkını açıklamak.
Destructuring ve spread ile dizi/nesne verisinin nasıl ayrıştırıldığını ve kopyalandığını göstermek.
Map ve template literal ile veriyi güvenli, okunabilir bir çıktıya dönüştürmek.

HTML

Ne İşe Yarar?

—

Ne İşlem Yapar?

—

Sonuç

—

Bu panel nasıl çalışır?

Oynat düğmesine bastığınızda her adımın amacı, çalışma mantığı, sonucu, yaygın hatası ve sizin yapacağınız küçük deneme burada görünür.

Kalıcı beceri kontrol listesi

Hata ayıklama: Önce değişkenin dizi mi nesne mi olduğunu kontrol edin. Ardından destructuring anahtarlarını, callback parametrelerini ve template içindeki değerleri tek tek doğrulayın.

Test: Diziyi boş, tek elemanlı ve birden fazla elemanlı deneyin; map, spread ve template çıktısının her durumda beklenen biçimde kaldığını kontrol edin.

Güvenlik: Kullanıcı verisini template literal ile HTML’e taşırken kaçışlama yapın; güvenilmeyen içeriği doğrudan innerHTML içine koymayın.

Sürdürülebilirlik: Kısa sözdizimini okunabilirlik pahasına kullanmayın; callback ve destructuring isimlerini gerçek veri anlamını yansıtacak şekilde seçin.

Kod yazıldıkça console.log/info/warn/error çıktıları burada görünecek.

Kod Satırı

0 / 85

Hazır

Dersi nasıl çalışmalısın?

ElevenLabs sunucu sesi seç — Ses Kredisi