• 0216 488 01 91
  • destek@sonsuzbilgi.com.tr

Restoran Web Siteniz Olsun!

Üstelik QR Kod Menü Sistemi de Hediyemiz.

Sınırsız Menü, Sınırsız Yemek, SSL Sertifikası, Full Mobil Uyumlu, Full SEO Uyumlu
ve Daha bir çok özellik. Bugün kullanmaya başlayın.


ES6+ ile Gelen Arrow Fonksiyonları

Adı : ES6+ ile Gelen Arrow Fonksiyonları

Arrow fonksiyonları, ES6 ile gelen fonksiyonlardan biridir. Diğer fonksiyon türlerinden farklı olarak daha kısa bir syntax ile fonksiyonlar oluşturabilmemizi sağlar. Bu sayede kod yazımında hem zaman tasarrufu sağlar hem de daha okunaklı bir kod yazmamızı sağlar.

Arrow Fonksiyonları Nasıl Oluşturulur?

Arrow fonksiyonu oluşturmak için iki çalıştırma yöntemi vardır. Birinci yöntem şu şekildedir:

```
const fonksiyonIsmi = (parametre1, parametre2, …) => {
// fonksiyonun işlevi
};
```

İkinci yöntem ise tek parametreli bir arrow fonksiyonu oluşturmak için kullanılır:

```
const fonksiyonIsmi = parametre => {
// fonksiyonun işlevi
};
```

Arrow fonksiyonlarının en önemli özelliklerinden biri de function keyword'ü ve {} kullanımından kurtararak daha kısa bir syntax kullanılmasını sağlamasıdır. Örneğin, aşağıdaki fonksiyonları inceleyelim:

```
function topla(a, b) {
return a + b;
}

const topla2 = function(a, b) {
return a + b;
};
```

Yukarıdaki iki fonksiyon arrow fonksiyonu ile aşağıdaki şekilde yazılabilir:

```
const topla3 = (a, b) => a + b;
```

Bu örneklerde görüleceği gibi arrow fonksiyonları daha kısa ve sade bir şekilde yazılabilir.

Arrow Fonksiyonları İle Params Dizi Oluşturmak

Arrow fonksiyonları ile params dizi oluşturmak için de kısa bir syntax bulunmaktadır. Aşağıdaki örneği inceleyelim:

```
const dizi = (...args) => {
console.log(args);
};

dizi(1, 2, 3); // [1, 2, 3]
```

Yukarıdaki örnekte params dizi `args` olarak tanımlanmıştır ve fonksiyona gönderilen parametreler dizi içine atılarak konsola yazdırılmıştır.

Arrow Fonksiyonları İle Sınıf Oluşturmak

Arrow fonksiyonları, sınıf oluşturmak için de kullanılabilir. Aşağıdaki örnekte bir sınıf tanımlanmıştır:

```
class Araba {
constructor(marka, model) {
this.marka = marka;
this.model = model;
}

bilgileriGoster = () => {
console.log(`Marka: ${this.marka

ES6+ ile Gelen Arrow Fonksiyonları

Adı : ES6+ ile Gelen Arrow Fonksiyonları

Arrow fonksiyonları, ES6 ile gelen fonksiyonlardan biridir. Diğer fonksiyon türlerinden farklı olarak daha kısa bir syntax ile fonksiyonlar oluşturabilmemizi sağlar. Bu sayede kod yazımında hem zaman tasarrufu sağlar hem de daha okunaklı bir kod yazmamızı sağlar.

Arrow Fonksiyonları Nasıl Oluşturulur?

Arrow fonksiyonu oluşturmak için iki çalıştırma yöntemi vardır. Birinci yöntem şu şekildedir:

```
const fonksiyonIsmi = (parametre1, parametre2, …) => {
// fonksiyonun işlevi
};
```

İkinci yöntem ise tek parametreli bir arrow fonksiyonu oluşturmak için kullanılır:

```
const fonksiyonIsmi = parametre => {
// fonksiyonun işlevi
};
```

Arrow fonksiyonlarının en önemli özelliklerinden biri de function keyword'ü ve {} kullanımından kurtararak daha kısa bir syntax kullanılmasını sağlamasıdır. Örneğin, aşağıdaki fonksiyonları inceleyelim:

```
function topla(a, b) {
return a + b;
}

const topla2 = function(a, b) {
return a + b;
};
```

Yukarıdaki iki fonksiyon arrow fonksiyonu ile aşağıdaki şekilde yazılabilir:

```
const topla3 = (a, b) => a + b;
```

Bu örneklerde görüleceği gibi arrow fonksiyonları daha kısa ve sade bir şekilde yazılabilir.

Arrow Fonksiyonları İle Params Dizi Oluşturmak

Arrow fonksiyonları ile params dizi oluşturmak için de kısa bir syntax bulunmaktadır. Aşağıdaki örneği inceleyelim:

```
const dizi = (...args) => {
console.log(args);
};

dizi(1, 2, 3); // [1, 2, 3]
```

Yukarıdaki örnekte params dizi `args` olarak tanımlanmıştır ve fonksiyona gönderilen parametreler dizi içine atılarak konsola yazdırılmıştır.

Arrow Fonksiyonları İle Sınıf Oluşturmak

Arrow fonksiyonları, sınıf oluşturmak için de kullanılabilir. Aşağıdaki örnekte bir sınıf tanımlanmıştır:

```
class Araba {
constructor(marka, model) {
this.marka = marka;
this.model = model;
}

bilgileriGoster = () => {
console.log(`Marka: ${this.marka


Restoran Web Siteniz Olsun!

Üstelik QR Kod Menü Sistemi de Hediyemiz.

Sınırsız Menü, Sınırsız Yemek, SSL Sertifikası, Full Mobil Uyumlu, Full SEO Uyumlu
ve Daha bir çok özellik. Bugün kullanmaya başlayın.


ES6+ Arrow Fonksiyonları Fonksiyon Kod okunabilirliği this anahtarı Kısa yazım Array yöntemleri Higher order functions