JavaScript Syntax

Bu eğitimde boşluklar, ifadeler, tanımlayıcılar, yorumlar, ifadeler ve anahtar sözcükler de dahil olmak üzere JavaScript söz dizimi hakkında bilgi edineceksiniz.

Whitespace / Boşluk

Boşluk, diğer karakterler arasında boşluk sağlayan karakterleri ifade eder. JavaScript'te aşağıdaki boşluk bulunur:

• Satırbaşı
• Boşluk
• Yeni Hat
• Sekme

JavaScript motoru boşlukları dikkate almaz. Ancak, okunmasını ve bakımını kolaylaştırmak amacıyla kodu biçimlendirmek için boşluk kullanabilirsiniz.

Aşağıdaki JavaScript kodu boşluk kullanmaz:

let formatted = true; if (formatted) {console.log('The code is easy to read');}

Boşluk kullanmak aşağıdaki koda eşdeğerdir. Dolayısıyla bu kodu okumak çok daha kolaydır:

let formatted = true;

if (formatted) {
  console.log('The code is easy to read');
}

JavaScript paketleyicilerinin, JavaScript dosyalarındaki tüm boşlukları kaldırdığını ve bunları dağıtım için tek bir dosyaya koyduğunu unutmayın. Bunu yaparak, JavaScript paketleyicileri, JavaScript kodunun daha hafif olmasını ve web tarayıcılarına daha hızlı yüklenmesini sağlar.

İfadeler

İfade, bir değişkeni bildiren veya JavaScript motoruna bir görevi gerçekleştirme talimatını veren bir kod parçasıdır. Basit bir ifade noktalı virgül (;) ile sonlandırılır.

Noktalı virgül (;) isteğe bağlı olmasına rağmen; bunu her zaman bir ifadeyi sonlandırmak için kullanmalısınız.

Örneğin, aşağıdakiler bir değişken bildirir ve onu konsola gösterir:

let message = "Welcome to JavaScript";
console.log(message);

Bloklar

Bir blok, sıfır veya daha fazla basit ifadenin dizisidir. Bir blok bir çift süslü parantez {} ile sınırlandırılmıştır. Örneğin:

if (window.localStorage) {
  console.log('The local storage is supported');
}

Tanımlayıcılar

Tanımlayıcı değişkenler, parametreler, işlevler, sınıflar vb. için seçtiğiniz bir addır.

Tanımlayıcı adı bir harfle (a-z veya A-Z), bir alt çizgiyle (_) veya bir dolar işaretiyle ($) başlar ve ardından (a-z, A-Z), rakamlar (0-9), alt çizgileri içeren bir karakter dizisi (_) ve dolar işaretleri ($) gelir.

Harfin ASCII karakter seti ile sınırlı olmadığını ve tavsiye edilmese de genişletilmiş ASCII veya Unicode içerebileceğini unutmayın.

JavaScript'teki tanımlayıcılar büyük/küçük harfe duyarlıdır. Örneğin message, Message'dan farklıdır.

Yorumlar

Yorumlar, JavaScript koduna notlar veya ipuçları eklemenizi sağlar. Kodu çalıştırırken JavaScript motoru yorumları dikkate almaz.

JavaScript hem tek satırlı hem de blok yorumları destekler.

Tek satırlık Yorumlar

Tek satırlık bir yorum iki eğik çizgi karakteriyle (//) başlar. Aynı satırda // işaretinden sonra gelen tüm metni yoruma dönüştürür. Örneğin:

// this is a single-line comment

Blok Yorumlar

Sınırlandırılmış bir yorum eğik çizgi ve yıldız işareti /* ile başlar ve aşağıdaki örnekte olduğu gibi zıt */ ile biter:

/* This is a block comment
that can span multiple lines */

İfadeler

İfade, bir değer olarak değerlendirilen bir kod parçasıdır. Örneğin:

2 + 1

Yukarıdaki ifade üç değerini döndürür.

Anahtar Kelimeler ve Ayrılmış kelimeler

JavaScript, belirli kullanımları olan ayrılmış anahtar kelimelerin bir listesini tanımlar. Dolayısıyla, dil kuralları gereği, ayrılmış anahtar kelimeleri tanımlayıcı veya özellik adı olarak kullanamazsınız.

Aşağıdaki tabloda ECMA-262'de tanımlandığı şekilde JavaScript'e ayrılmış sözcükler gösterilmektedir:

break   
case    
catch
continue    
debugger    
default
else    
export  
extends
function    
if  
import
new 
return  
super
throw   
try 
null
void    
while   
with
class   
delete  
finally
in  
switch  
typeof
yield   
const   
do
for 
instanceof  
this
var     

ECMA-252, ayrılmış anahtar sözcüklere ek olarak, tanımlayıcılar veya özellik adları olarak kullanılamayacak, gelecekte ayrılmış sözcüklerin bir listesini de tanımlar:

enum    
implements  
let
protected   
private 
public
await   
interface   
package
implements  
public  

Özet

• Kodu biçimlendirmek için satır başı, boşluk, yeni satır ve sekme dahil olmak üzere boşluk kullanın. JavaScript motoru boşlukları dikkate almaz.
• Basit bir ifadeyi sonlandırmak için noktalı virgül (;) kullanın.
• Bir veya daha fazla basit ifadeyi gruplandıran bir blok oluşturmak için küme parantezlerini ({}) kullanın.
• Tek satırlık yorum // ile başlar ve ardından metin gelir, blok yorum ise /* ile başlar ve */ ile biter. JavaScript motoru yorumları yok sayar.
• Tanımlayıcılar değişkenler, işlevler, sınıflar vb. için seçtiğiniz adlardır.
• Tanımlayıcılar için ayrılmış anahtar kelimeler kullanmaktan kaçının.

Github JS Eğitimleri

Linkedin

Kaynak