Yükleniyor...

JavaScript sözdizimi

Bir deyimin tam bir iş olduğunu ve çoğu zaman noktalı virgülle bittiğini biliyorsunuz. Şimdi içine bakalım: sözdizimi (syntax) — tarayıcının kodu kabul etmesi için değer ve adların yazılma kuralları.

JavaScript sözdizimi nedir ve yeni başlayan önce hangi parçaları yazar?

Sözdizimi, motorun okuyabileceği JavaScript yazma kurallarıdır. Başta çoğunlukla değişmezler (sabit değerler: sayılar ve tırnaklı metin), tanımlayıcılar (sizin seçtiğiniz adlar) ve ifadeler (bir deyim içinde değer üreten küçük tarifler) yazarsınız. JavaScript büyük/küçük harfe duyarlıdır: score ile Score farklı adlardır. Dizginin açılış ve kapanış tırnakları eşleşmeli.

Sözdizimi parçalarına bakış

📊 Yeni başlayanın önce gördüğü parçalar

Parça Örnek Sizin için anlamı
Değişmez 42 veya "Hi" Kodda doğrudan yazılan değer
Tırnaklar "Hello" veya 'Hi' Metni işaretler; açılış ve kapanış uymalı
Tanımlayıcı userName Uydurduğunuz ad (harf, rakam, _, $; rakamla başlamaz)
Büyük/küçük harf total ≠ Total Aynı harfler, farklı büyüklük → farklı adlar
İfade 2 + 3 veya "A" + "B" Deyimin kullanacağı bir değer üretir
Deyim (özet) console.log(2 + 3); Bu parçaları kullanan tam iş

Değişmezler — yerinde yazılan değerler

Değişmez, doğrudan yazdığınız değerdir. Sayılar tırnak istemez. Metin (dizgi) eşleşen tek veya çift tırnak arasındadır.

Sayı ve dizgi değişmezleri

javascript 
console.log(42);
console.log("Hello");
console.log('Also a string');

Değişmez alışkanlıkları

  • Sayılar: rakam yazın (gerekirse ondalık nokta)
  • Dizgiler: " veya ' seçin ve aynı türle kapatın
  • Gerçekten metin istemiyorsanız sıradan sayıyı tırnaklamayın

Tanımlayıcılar — uydurduğunuz adlar

Tanımlayıcı, programdaki bir şeyin adıdır. Değişkenlerde sık kullanacaksınız. Şimdilik yazım kuralları: harf, _ veya $ ile başlayın; sonra harf, rakam, _ veya $. Adlarda boşluk ve tire kullanmayın.

Değişmez tutan tanımlayıcılar

javascript 
let city = "Tehran";
let year = 2026;
console.log(city);
console.log(year);

let bir ad tanıtır. Sağda değişmezler vardır; city ve year tanımlayıcıdır. Bildirim kurallarının ayrıntısı Variables oturumunda — burada mesele adların nasıl yazıldığı.

Büyük/küçük harf duyarlılığı

JavaScript büyük harfleri anlamlı sayar. color ile Color iki ayrı tanımlayıcıdır. Yaygın hata: kod «doğru görünür» ama o ad yoktur.

Aynı harfler, farklı adlar

javascript 
let color = "teal";
console.log(color);
// console.log(Color);  // Color hiç oluşturulmadıysa hata

Deyimler içindeki ifadeler

Bir ifade değer üretir. Bir deyim, o değerle bir şey yapan tam iştir (örneğin yazdırmak). Deyimleri zaten yazıyorsunuz; sözdizimi içindeki parçaları adlandırır.

Deyimlerde kullanılan ifadeler

javascript 
console.log(2 + 3);
console.log("Hello" + " " + "world");
console.log(10 * 4);

2 + 3 bir ifadedir (değer 5). console.log(2 + 3); onu yazdıran deyimdir. + ve * gibi işleçler sonra gelecek; burada ifadelerin deyimlerin içinde yaşadığını görmeniz yeter.

Sayfada değişmezler

Ziyaretçiler, bir deyim sayfayı güncellediğinde değeri görür. Atadığınız dizgi hâlâ bir değişmezdir — sözdizimi ve çıktı birlikte çalışır.

Dizgi değişmezi bir başlığı günceller

html 
<!DOCTYPE html>
<html>
<head>
<title>Syntax — Literal on page</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
document.getElementById("msg").textContent = "Syntax works";
</script>
</body>
</html>

Atama deyimi noktalı virgülle biter. Sağdaki "Syntax works" bir dizgi değişmezidir. Eksik tırnak veya yanlış yazılmış getElementById sözdizimini veya ad aramasını bozar.

Kendiniz deneyin

  1. Bir sayı ve bir dizgi değişmezi yazdırın; ikisini de değiştirip yeniden çalıştırın.
  2. let label = "OK"; oluşturun, yazdırın, tanımlayıcıyı iki yerde de yeniden adlandırın.
  3. Yalnız bir yerde labeli Label yapın ve Console uyarısını görün; harfleri düzeltin.
  4. "Hi" + "!" ve 7 - 2 yazdırın; her ifade bir deyimin içindedir.
  5. HTML demosunu açın; textContentteki tırnaklı dizgiyi değiştirip yenileyin.

Sık hatalar

  • Dizgiyi eşleşen kapanış tırnağı olmadan bırakmak
  • score ile Scoreün aynı ad olduğunu sanmak
  • Tanımlayıcıyı rakamla başlatmak (1name) veya ada boşluk koymak
  • Bunu deyimler oturumuyla karıştırmak: sıra ve { } blokları önceki dersti; burada odak değer ve adlar
  • Variables dersinin tamamını şimdiden beklemek — let yalnızca gerçek tanımlayıcı göstermek için

Özet

  • Sözdizimi, geçerli JavaScript yazma kurallarıdır
  • Değişmezler doğrudan yazılan değerlerdir (sayı; tırnaklı dizgi)
  • Tanımlayıcılar adlardır; yazım ve büyük/küçük harf önemlidir
  • İfadeler değer üretir; deyimler onları kullanır
  • Sonraki: Comments — motorun yok saydığı insan notları

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
6
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 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
Konu 5 / 6
Javascript Ders