JS Temelleri — Çalışma Sayfası

Bu konuda öğrenecekleriniz

• let ve const ile blok kapsamını, temel türleri ve ok fonksiyonlarını açıklar.
• Dizi ve nesne metodlarıyla veri dönüştürme işlemleri (map, filter, reduce) uygular.
• Promise ve async-await ile asenkron akışı ve hata yönetimini kurar.
• Modüller arası export-import ilişkisini kod bölme açısından değerlendirir.
• try-catch ile hata türlerini ayırt edip kullanıcıya anlamlı geri bildirim verir.

Önemli noktalar

• const bağlamadan sonra atama hatası verir; dizi ve nesnenin içi yine güncellenebilir.
• forEach bir değer döndürmez; sonuç gerekiyorsa map veya reduce kullanılır.
• await yalnız async fonksiyonun içinde yazılabilir.
• Reddedilen Promise yakalanmazsa kullanıcıya yansımayan sessiz hata oluşur.
• Kodun tekrarını önleyen birim export-import ile modüllere bölünür.
• Kullanıcıya gösterilen hata metni güvenli ve açıklayıcı olmalıdır.

Formüller ve kurallar

• let değişir, const bağlanır; ikisi de blok kapsamındadır.
• map → yeni dizi (aynı uzunluk), filter → koşulu geçenler, reduce → tek değer.
• Promise durumları: bekliyor, çözüldü, reddedildi.
• async fonksiyon hep Promise döndürür; await sonucu değere yazar.
• Hata yakalama: try bloğu, catch hatayı, finally her koşulda çalışır.
• Şablon metni: tırnak içinde ${ifade} ile değer gömülür.
• JSON.stringify (nesneden metne) ve JSON.parse (metinden nesneye) çifti.

Sık yapılan hatalar

• forEach ile sonuç beklemek: Bu metot undefined döndürür; diziye değer atamak yerine map veya reduce kullanılmalıdır.
• await satırını normal fonksiyonda yazmak: await yalnızca async fonksiyon içinde geçerlidir, aksi hâlde sözdizimi hatası oluşur.
• Reddedilen Promise'i yakalamamak: catch yoksa hata konsola düşer, kullanıcı hata mesajını hiç görmez.
• const ile nesne içeriğini de sanmak: const referansı bağlar; nesne alanlarını değiştirmek hataya yol açmaz.
• Hata durumunda sayfayı dondurmak: Kullanıcıya ham hata yığını göstermek yerine açıklayıcı mesaj verilir.

Hızlı tekrar ipuçları

• Döngü sorularında önce dönüş değeri sor: yeni dizi mi, tek değer mi, yok mu?
• Asenkron sorularda akışı çiz: istek gönderildi, bekleniyor, yanıt geldi, hata yakalandı.
• Sınavda const'u varsayılan düşün; yalnız değişeceğini bildiğin yerde let kullan.
• Zamanlayıcı sorularında senkron kodun önce çalıştığını, kuyruğun sonra dolduğunu hatırla.
• Hata mesajını üç bölümde kur: ne oldu, neden oldu, kullanıcı ne yapmalı.

Kendini dene

Bu sayfayı okuduktan sonra konu anlatımını tekrar oku ve kendi cümlelerinle özetle.

Konu anlatımına dön · Hesap aç, ilerlemen kaydedilsin