20 Şubat 2016 Cumartesi

ES6 Arrow nedir? Nasıl kullanılır?

  Ahmet Şimşek       20 Şubat 2016 Cumartesi

Arrow fonksiyon oluştururken => işaretleri ile function tagı olmadan fonksiyon oluşturmayı sağlayan bir ES6 özelliği.

Babeljs nin başka bir modülü olan babel-node u indirerek önce derleyip sonra çalıştırmaya gerek kalmadan kodumuzun derlenip çalıştırılmasını sağlayabiliyoruz.

npm install -g babel-node-debug

İlk olarak terminale merhaba yazacak merhaba isminde bir fonksiyon oluşturalım.

const merhaba = () => console.log('merhaba');
merhaba();

Yukarıdaki kodu arrow.js olarak kaydedip babel-node komutu ile çalıştıralım.

babel-node arrow.js

Terminalden merhaba çıktısı geri dönecek.

Fonksiyonda birden fazla satır olacaksa süslü parantezler ekliyoruz.

const meyveler = () => {
    console.log('armut');
    console.log('kivi');
    console.log('karpuz');
}

meyveler();

çıktı :
armut
kivi
karpuz

Foreach ile kullanımı;

const meyveler = () => {
    ['armut','kivi','karpuz'].forEach( i => console.log(i) );
}

meyveler();

Foreach gibi fonksiyon içerisinde kullanımlarda tek parametrede parantez eklemeye gerek yok fakat parametre sayısı birden fazla ise parantez eklemek gerekiyor.

const meyveler = () => {
    ['armut','kivi','karpuz'].forEach( (_,i) => console.log(i + '-' + _) );
}

meyveler();

çıktı:
0-armut
1-kivi
2-karpuz

Arrow özelliğinin kullanımlanı basit örnekler ile açıklamaya çalıştım. Sonraki yazıda görüşmek üzere.
logoblog

Thanks for reading ES6 Arrow nedir? Nasıl kullanılır?

Previous
« Prev Post

2 yorum: