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.
It was very nice article and it is very useful to AngularJS 5 Online Course India
YanıtlaSilBu yorum bir blog yöneticisi tarafından silindi.
YanıtlaSil