JavaScript’te ES6 Özellikleri Nelerdir?

ES6 Nedir?

ES6 (ECMAScript 2015), JavaScript diline büyük yenilikler getiren standarttır. Modern web geliştirme dünyasında önemli bir dönüm noktası olan ES6, kodun daha okunabilir, modüler ve etkin yazılmasını sağlar.

ES6’nın Temel Özellikleri

1. Let ve Const Değişken Bildirimi

• let: Blok kapsamlı değişken tanımlamak için kullanılır.
• const: Sabit değerleri tutar, yeniden atanamaz.
• Önceki var kullanımına göre daha güvenli ve öngörülebilirdir.

2. Arrow Fonksiyonlar

• Kısa ve temiz fonksiyon yazımı sağlar.
• this bağlamını dış çevreden alır, klasik fonksiyonlardan farkı budur.
• Örnek:

  const topla = (a, b) => a + b;
  

3. Template Literals (Şablon Dizileri)

• Çok satırlı metin ve değişken yerleştirme kolaylığı.
• `Merhaba, ${isim}!` şeklinde kullanılır.

4. Destructuring (Yapıdan Ayrıştırma)

• Dizi veya nesnelerden hızlıca değer atamak için kullanılır.
• Örnek:

  const [x, y] = [10, 20];
  const {ad, yas} = {ad: 'Ali', yas: 30};
  

5. Default Parametreler

• Fonksiyon parametrelerine varsayılan değer atanabilir.
• Örnek:

  function selamla(isim = 'Misafir') {
    console.log(`Merhaba, ${isim}`);
  }
  

6. Spread ve Rest Operatörleri

• ... operatörü ile dizileri veya nesneleri açma (spread) ve parametreleri toplama (rest) yapılır.
• Örnek:

  const sayilar = [1, 2, 3];
  const yeniSayilar = [...sayilar, 4, 5];
  
  function topla(...nums) {
    return nums.reduce((a, b) => a + b, 0);
  }
  

7. Class (Sınıf) Yapısı

• Nesne yönelimli programlamaya destek verir.
• Kalıtım, constructor, metod tanımlama gibi klasik OOP yapıları ES6 ile JavaScript’e eklenmiştir.
• Örnek:

  class Kisi {
    constructor(ad, yas) {
      this.ad = ad;
      this.yas = yas;
    }
    bilgileriGoster() {
      console.log(`${this.ad}, ${this.yas} yaşında.`);
    }
  }
  

8. Modules (Modüller)

• Kodun modüler şekilde yazılması ve dışa aktarımları sağlar.
• export ve import anahtar kelimeleri kullanılır.
• Örnek:

  // math.js
  export function topla(a, b) {
    return a + b;
  }
  
  // main.js
  import { topla } from './math.js';
  

9. Promises (Sözler)

• Asenkron işlemlerin yönetimini kolaylaştırır.
• Callback karmaşasını azaltır.
• Örnek:

  const promise = new Promise((resolve, reject) => {
    if (başarılı) resolve('Başarılı');
    else reject('Hata');
  });
  

10. Map, Set ve WeakMap, WeakSet

• Yeni koleksiyon veri yapıları.
• Map: Anahtar-değer çifti depolama.
• Set: Benzersiz değerler kümesi.
• WeakMap ve WeakSet: Hafıza yönetimine uygun zayıf referanslı koleksiyonlar.

ES6’nın Yazılım Geliştirmeye Etkisi

• Kodun okunabilirliği ve sürdürülebilirliği artar.
• Daha az hata riski ile gelişmiş uygulamalar yazılabilir.
• Modüler yapı, büyük projelerde iş birliği ve bakım kolaylığı sağlar.
• Modern tarayıcılar ve Node.js tarafından desteklenerek yaygın kullanıma sahiptir.

Bu makale bilgilendirme amaçlıdır. JavaScript ES6 özelliklerinin etkin kullanımı için front-end veya full-stack yazılım geliştirme uzmanlarına danışılması tavsiye edilir.

Anahtar kelimeler: JavaScript ES6, let, const, arrow fonksiyon, template literals, destructuring, class, modüller, promises, spread operatör, rest parametre, Map, Set, modern JavaScript.