ES8 nedir? ECMAScript 2017 nedir?

ES8 (ECMAScript 2017) Haziran 2017’de yayınlanan 8. ECMAScript sürümüdür.

ES8 ile yeni neler geldi ?

ES8 ile birlikte Javascript’e aşağıdaki yenilikler geldi?

  • string.protoype.padStart
  • string.prototype.padEnd
  • object.prototype.entries
  • object.prototype.values
  • object.getOwnPropertyDescriptors
  • trailing commas
  • asnyc/await

padStart()

padStart stringlerin başına istediğiniz karakteri belirli bir uzunluğa tamamlayacak şekilde ekliyor. padStart metodu iki parametre alıyor, ilki istenen uzunluk, ikincisi ise eklenecek string.

let amount='5';
console.log(amount.padStart(3,'0')) // 005

padEnd()

padStart’la benzer şekilde ve parametrelerle çalışan padEnd’in farkı belirtilen metni stringin sonuna ekliyor olması.

let str='abc';
console.str(amount.padStart(6,'.')) // abc...

Object.entries();

Object.entries() metodu kendisine verilen bir nesneyi, anahtar-değer ikilileri şeklinde array’lere dönüştürüyor.

const student = { id: 1, name:"john" };
const studentArray = Object.entries(myobject); 
console.log(studenArray); // Bu kodun çıktısı [ [ 'id', 1 ], [ 'name', 'john' ] ]

ES10 ile birlikte gelen Object.fromEntires() metodu ise bunun tam tersini yapıyordu.

Object.getOwnPropertyDescriptors()

Bir nesnenin tüm nitelik tanımlayıcılarını içeren bir nesne döndürür. Eğer nesnenin herhangi bir tanımlı niteliği yoksa boş nesne döndürür.

const object1 = {
  property1: 42
};

const descriptors1 = Object.getOwnPropertyDescriptors(object1);

console.log(descriptors1.property1.writable);  // true
console.log(descriptors1.property1.value);     // 42
console.log(descriptors1);
// property1: {value: 42, writable: true, enumerable: true, configurable: true}

Object.values

Bir nesnenin anahtarları değil, sadece bir array olarak döndürür.

const colors= { B : 'Blue', OR : "Orange", YE : "Yellow", PI : "Pink" };
console.log( Object.values(colors) ); //(4) ['Blue', 'Orange', 'Yellow', 'Pink']

Trailing Commas

ES5’e kadar bir array ya da listenin sonundaki virgül hata veriyordu, bu durum ES5’de hata olmaktan çıksa da fonksiyon tanımları ve fonksiyon çağırılarında parametreleri virgülle bitiremiyorduk. ES8 ile birlikte fonksiyon tanımları ve çağrılarında da trailing comma kullanımının önü açılmış oldu;

function sendMessage(message, email1, email2, );

Async/Await

Eskiden çağırdığımız asenkron fonksiyonlarda belirli olaylar gerçekleştiğinde belirli işlemleri yapmak için callback fonksiyonları göndermek zorundaydık. ES8 ile birlikte gelen async/await fonksiyonları asenkron işlemler için çok daha kullanışlı ve temiz bir çözüm getirdi.

async function anahtarı kelimeleri ile tanımladığımız fonksiyonlar bir AsyncFunction nesnesi döndürürler. Bu şekilde tanımlanmış bir fonksiyon çağırıldığında da bir Promise döndürür. Bir asenkron fonksiyon değer döndüreceği zaman bu Promise çözülür (resolve). Eğer bir hata gerçekleşirse Promise reddedilir (reject).

Asenkron bir fonksiyon await tanımlaması içerebilir. Bu tanım fonksiyonu durdurur ve Promise’in yanıt döndürmesini bekler ve yanıtı alınca asenkron fonksiyonun çalışmasına devam edilir.

function resolveAfter2Seconds() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('çözüldü');
    }, 2000);
  });
}

// Fonksiyonu asenkron olarak tanımlıyoruz.
async function asyncCall() {
  console.log('promise'i çağırıyoruz');
  // Promise tamamlanıp değer döndürülene kadar duraklıyor ve değer dönünce result sabitine atıyor.
  const result = await resolveAfter2Seconds();
  console.log(result);
  // beklenen çıktı: "çözüldü"
}

asyncCall();

// Kaynak: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

ECMAScript sürümlerindeki yenilikler nelerdi?

ES12 – ECMAScript 2021 neler getirdi?
ES11 – ECMAScript 2020 neler getirdi?
ES10 – ECMAScript 2019 neler getirdi?
ES9 – ECMAScript 2018 neler getirdi?
ES8 – ECMAScript 2017 neler getirdi?
ES7 – ECMAScript 2016 neler getirdi?
ES6 – ECMAScript 2015 neler getirdi?
ES5 – ECMAScript 5 neler getirdi?

Bu yazıyı beğendiniz mi?
Beğen
Bana sosyal medya hesaplarımdan ulaşın

Evren Bal

Merhaba Dünya. Teknoloji delisi, farklı düşünmeyi seven, 1996'dan beri Internet canlısı, garajdan başarı hikayesi çıkartmayı becerememiş, çünkü garajdan hiç çıkmayan bir insanım. :) Bana buradan veya sosyal medyadan ulaşmanızı, birlikte her konuda fikir alışverişi ve beyin jimnastiği yapmayı heyecanla bekliyorum.

Soru ve Önerileriniz?