Öğrenilmesi gereken ilk şey kod bloğunun nasıl oluşturulacağıdır.

İfadeler

İfadeler, komutları oluşturmak için yazdığımız cümlelerdir.

Şu ana kadar alert('Merhaba Dünya') ifadesini gördük ve bunun uyarı mesajı verdiğini biliyorsunuz.

Kodun içerisinde istediğiniz kadar ifadeye. Diğer kod cümlesi bir birinden noktalı virgül ile ayrılır.

Örneğin burada mesaj ikiye ayrılmıştır.

alert('Merhaba'); alert('Dünya');

Genelde ifadeler farklı satırlarda yazılırlar. Böylece yazdığınız kod daha okunabilir olacaktır.

alert('Merhaba');
alert('Dünya');

Noktalı Virgüller

Eğer ifadeleri satır bırakarak yazarsanız noktalı virgül kullanmanıza gerek yoktur.

Örneğin aşağıdaki kod bloğu da çalışacaktır

alert('Merhaba')
alert('Dünya')

JavaScript dilinde bu şekilde satır bırakarak ifadeyi bitirme olayına “üstü kapalı” noktalı virgül denilmektedir. Ayrıca otomatik noktalı virgül koyma da denir

Çoğu durumda yeni satır noktalı virgül anlamına gelir. Unutulmamalı ki çoğu durum herzaman demek değildir.

Aşağıdaki örnekte görüleceği üzeri yeni satır noktalı virgül anlamına gelmemektedir.

alert(3 +
1
+ 2);

Yukarıdaki bloğun çıktısı 6 olacaktır çünkü JavaScript yeni satırda noktalı virgül eklememiştir. Buradan anlayabilirsiniz ki eğer satır "+" ile bitiyorsa ifade bitmiş sayılmaz ve noktalı virgül gereklidir. Bu durumda yukarıdaki kod beklendiği gibi çalışmaktadır.

Fakat bazı durumlarda noktalı virgülün otomatik olarak konulması gerekirken JavaScript bunu yapmakta sorun yaşar

Böyle hataları bulmak oldukça zordur.

Hata Örneği

Eğer böyle bir hata görmek istiyorsanız, aşağıdaki koda bir bakın

[1, 2].forEach(alert)

[] veya forEach in ne anlama geldiğini bilmenize şimdilik gerek yok daha sonra bu konuyu işleyeceğiz. Şu anda bilmeniz gereken önce 1 uyarısı alacaksınız sonra 2.

Şimdi bu koddan önce noktalı virgül ile bitmeyen bir uyarı ifadesi yazın.

alert("Hata alacaksınız")

[1, 2].forEach(alert)

Eğer yukarıdaki kodu çalıştırısanız sadece ilk uyarı mesajını görecek ve sonrasında hata alacaksınız.

Fakat aşağıdaki gibi noktalı virgül kullanırsanız herşeyin beklenen şekilde çalıştığını göreceksiniz:

alert("Şimdi ise beklendiği gibi hatasız");

[1, 2].forEach(alert)

Now we have the “Şimdi ise beklendiği gibi hatasız” message and then 1 and 2.

İlk yazdığımız kod bloğunda hata olmasının sebebi JavaScript’in [...] den önce noktalı virgül gelmeyeceğini varsaymasından dolayı olmaktadır.

Bundan dolayı noktalı virgül koyulmaz, bu durumda ilk kod bloğunda tüm blok bir ifadesi olarak görülür. JavaScript motoru kodu aşağıdaki gibi görecektir.

alert("There will be an error")[1, 2].forEach(alert)

Fakat normalde sizinde bildiğiniz gibi bunu iki satır görmesi gerekmektedir. Bu ve bunun gibi hatalar ile kod yazdığınız sürece karşılaşabileceğiniz hatalardır.

Eğer yeni satıra geçmek istiyorsanız önerilen yöntem noktalı virgül kullanmanızdır. Bu kural JavaScript toplumu tarafından benimsenmiştir. Tekrar belitelim JavaScript yazarken noktalı virgül kullanmadan yeni satıra geçmek çoğu zaman – mümkündür – fakat başlangıçta noktalı virgül kullanmanız daha güvenlidir ve önerilir.

Yorum Satırları

Zamanla yazdığınız programlar gittikçe karmaşıklaşır. Neyin ne için yapıldığını belirtmeniz için yorum yazmak kaçınılmaz olur.

Yorum satırları kodun içerisinde herhangi bir yere koyulabilir. Kodun çalışmasını engellemez çünkü JavaScript motoru bu yorumları görmezden gelir.

Tek satır olarak yazmak istiyorsanız // kullanarak yorum yazabilirsiniz

Kesik çizgi işaretlerinden sonra istediğiniz yorumu yazabilirsiniz.

Örneğin:

// Bu yorum kendi başına bir satırda yer alır
alert('Merhaba');

alert('Dünya'); // Bu yorum ise ifadeyi takip eder

Eğer birden çok satırda yorum yazmak istiyorsanız kesik çizgi + yıldız ile ( /* ) yoruma başlayıp yıldız ve kesik çizgi ile bu kod bloğunu bitirebilirsiniz */.

Örneğin:

/* İki satıra yazılmış bir
yorum örneği.
*/
alert('Merhaba');
alert('Dünya');

Eğer yorumlarınızı /* … */ arasına yazarsanız bu JavaScript motoru tarafından görmezden gelinecektir. Bazen geçici olarak yazdığınız kodun bazı bölümlerinin görmezden gelinmesini isteyebilirsiniz. Bu durumda da kodunuzu yorum satırı haline getirebilirsiniz.

/* Kod yorum satırı yapıldı
alert('Hello');
*/
alert('Dünya');
Klavye kısa yollarını kullanın!

Çoğu editör Ctrl+/ kısa yolunu kullanarak tek satır veya Ctrl+Shift+/ kullanarak çok satır yorum yapmanıza yardımcı olur. Mac için Cmd tuşu windows için ise Ctrl tuşudur.

Yorum satırı içerisinde ayrı bir yorum satırı yapılamaz!

Aşağıdaki yorum satırı yanlış bir kulanımdır. Bu durumda hata alırsınız.

/*
  /* yorum içinde yorum ?!? */
*/
alert( 'Dünya' );

Lütfen kod yazarken yorum satırı yazmaktan çekinmeyin.

Yorumlar elbette dosyanızın biraz daha büyük olmasına sebek olarabilir fakat bu sorun değildir. Kodunuzu küçültmek için bir çok sıkıştırıcı bulunmaktadır. Bunlar kodunuzu canlı sisteme alırken yorumlardan arındırarak server’a koyarlar böylece yazdığınız kod hiç yer kaplamaz. Daha hazla örneği ve daha iyi nasıl yorum yazabileceğinizi Kodlama Stili bölümünde göreceksiniz.

Eğitim haritası

Yorumlar

yorum yapmadan önce lütfen okuyun...
  • Eğer geliştirme ile alakalı bir öneriniz var ise yorum yerine github konusu gönderiniz.
  • Eğer makalede bir yeri anlamadıysanız lütfen belirtiniz.
  • Koda birkaç satır eklemek için <code> kullanınız, birkaç satır eklemek için ise <pre> kullanın. Eğer 10 satırdan fazla kod ekleyecekseniz plnkr kullanabilirsiniz)