JavaScript Syntax
Published: 2024-01-16 08:03:49

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](https://github.com/haktantekin/javascript-tutorial/tree/main)

[Linkedin](https://www.linkedin.com/in/haktantekin/)

[Kaynak](https://www.javascripttutorial.net/web-development-tools/)