21 Şubat 2016 Pazar

ES6 Enhanced object literals nedir? Nasıl kullanılır?

  Ahmet Şimşek       21 Şubat 2016 Pazar

Bu başlık altında object tanımlamada kullanılabilecek yenilikleri göreceğiz.

*Object e değişkeni direk adı ile eklenebilir. Object den erişimde adı kullanılır.

const isim = "ahmet";

const kimlik = {
    isim
};

console.log(kimlik.isim);


çıktı:
ahmet

*Object e bir fonksiyon eklerken function parametresine ihtiyaç yok.

const dortgen = {
    alan(x,y){
        return x * y;
    }
};

console.log(dortgen.alan(4,5));

çıktı:
20

Yukarıdaki alan fonksiyonunu önceki yazılarda gördüğümüz arrow ilede tanımlayabiliriz.

const dortgen = {
    alan : (x,y) => {
        return x * y;
    }
};

*Object e eklenen bir değerin key kısmında değişken kullanmak.

const key = "marka";

const araba = {
    [key] : "BMW"
};

console.log(araba.marka);

çıktı:
BMW

*Bir object i diğerine prototiplemek için __proto__ parametresini kullanıyoruz.

const kimlik = {
    isim : "ahmet"
}

const kisi = {
    __proto__ : kimlik
}

console.log(kisi.isim);

çıktı:
ahmet

__proto__ ile belirttiğimiz object in elemanları belirtilen object te çağırılarak kullanılabilir.

Bu yazımızda object tanımlamalarındaki yenilikleri basit örnekler ile anlatmaya çalıştım. Sonraki yazımızda görüşmek üzere.
logoblog

Thanks for reading ES6 Enhanced object literals nedir? Nasıl kullanılır?

Previous
« Prev Post

Hiç yorum yok:

Yorum Gönder