JavaScript Sözdizimi
JavaScript Sözdizimi (Syntax), JavaScript kodlarının nasıl yazılması gerektiğini belirleyen kurallar bütünüdür. Tıpkı bir mektup yazarken dilbilgisine dikkat etmek gibi, JavaScript kodunu doğru sözdizimi ile yazmak, tarayıcının kodu doğru anlaması ve çalıştırması için kritik öneme sahiptir. Yanlış yazılmış bir kod, tıpkı yanlış yazılmış bir mektup gibi amacına ulaşamaz.
JavaScript sözdizimi, kişisel web sitenizde interaktif içerikler oluşturmak, blogunuzda dinamik veri göstermek, e-ticaret sitenizde ürün ve kullanıcı etkileşimini yönetmek veya haber sitelerinde güncellemeleri göstermek için kullanılır. Bu kurallar, bir ev inşa etmek gibi, kodunuzun temelini sağlam ve düzenli kılar.
Bu eğitimde, temel sözdizimi kurallarını öğreneceksiniz. Değişken tanımlamayı, metin ve sayılarla işlem yapmayı, bilgileri konsola yazdırmayı ve kod bloklarını düzenli bir şekilde yazmayı göreceksiniz. Tüm bunlar, bir kütüphaneyi düzenlemek gibi, kodun okunabilir ve anlaşılır olmasını sağlar.
Temel Örnek
javascript// Declare a variable and print it to console
let mesaj = "Merhaba, JavaScript!"; // create a variable with text
console.log(mesaj); // print the variable valueBu temel örnekte iki satır kod bulunuyor.
İlk satır:
let mesaj = "Merhaba, JavaScript!";
let, JavaScript'te değişken (variable) tanımlamak için kullanılır.mesaj, değişkenin adıdır ve içine bilgi konulacak "kutu"yu temsil eder.=işareti, sağdaki değeri değişkene atamak anlamına gelir.-
"Merhaba, JavaScript!"bir metin (string) değeridir.
İkinci satır:
console.log(mesaj); -
console.log, değeri tarayıcı konsoluna yazdırır. Bu, kodun doğru çalışıp çalışmadığını kontrol etmek için kullanılır. -
Burada konsola mesaj yazdırarak, değişkenin içeriğini görebiliyoruz.
Sözdizimi açısından dikkat edilmesi gerekenler: -
Her komut genellikle
;ile biter. - Değişken adlarında boşluk kullanılmaz ve anlamlı isimler tercih edilir.
- Metinler tırnak işaretleri
" "içinde olmalıdır.
Bu örnek, kişisel web sitenizde kullanıcıya mesaj göstermek veya blogunuzda basit bir çıktı almak için uygulanabilir.
Pratik Örnek
javascript// Personalized greeting on a personal website
let kullaniciAdi = "Ayşe"; // store user name
let hosgeldiniz = "Hoşgeldiniz, " + kullaniciAdi + "!"; // create personalized message
console.log(hosgeldiniz); // print the personalized messageJavaScript yazarken bazı iyi uygulamalar ve kaçınılması gereken hatalar vardır.
İyi uygulamalar:
- Modern sözdizimi kullanın (
letveconst), eskivaryerine, değişken kapsamını doğru yönetmek için. - Anlamlı değişken isimleri seçin (
kullaniciAdigibi), okunabilirliği artırır. - Kod yorumları ekleyin; kodun amacını açıklamak, büyük projelerde önemlidir.
-
Veri doğrulama yapın; örneğin kullanıcı girişlerini kontrol etmek e-ticaret sitelerinde hata önler.
Kaçınılması gereken hatalar: -
Tırnak veya parantez eksikliği → sözdizimi hatası verir.
- Aynı değişken adını gereksiz tekrar kullanmak → mantık hatalarına yol açar.
- Konsol hatalarını görmezden gelmek → hataları tespit etmeyi zorlaştırır.
- Komut sırasını yanlış yazmak → beklenmeyen sonuçlar doğurur.
Hata ayıklama ipuçları:
console.logile değişken değerlerini kontrol edin.- Hata mesajlarını dikkatle okuyun; çoğu satır ve hatayı belirtir.
- Kodunuzu küçük adımlarla yazıp test edin.
Bu uygulamalar, blog, haber sitesi veya e-ticaret sitelerinde kodun güvenilir ve anlaşılır olmasını sağlar.
📊 Hızlı Referans
| Property/Method | Description | Example |
|---|---|---|
| let | Değişken tanımlar | let yas = 30; |
| const | Sabit değişken tanımlar | const pi = 3.14; |
| console.log | Konsola bilgi yazdırır | console.log("Merhaba"); |
| * (operatörü) | Metin veya değerleri birleştirir | "Merhaba " + "Dünya" |
| ; (noktalı virgül) | Komut sonunu belirtir | let x = 10; |
Bu eğitimde, JavaScript Sözdiziminin temel kurallarını öğrendik. Değişken tanımlama, konsola çıktı verme ve değerleri birleştirme işlemlerini gördük. Sözdizimi, kodun doğru şekilde çalışmasını sağlayan temel yapı taşlarıdır.
Bu bilgiler, HTML DOM ile sayfa içeriğini dinamik olarak değiştirmek veya backend ile veri alışverişi yapmak gibi ileri konulara geçiş için temel oluşturur.
Sonraki adım olarak, veri tipleri, koşullu ifadeler (if, switch), döngüler (for, while) ve fonksiyonları öğrenmek önerilir. Küçük örnekler üzerinde düzenli pratik yapmak, sözdizimi hakimiyetinizi artırır ve daha büyük projelere geçişi kolaylaştırır.
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu konudaki anlayışınızı pratik sorularla test edin.
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek