Discover Top Posts Tagged with #modern javasript

Arrow fonksiyonu kullanımı =>

ES6 (javascript standartı) ile gelen özelliklerden birisi olan arrow kullanımı ile fonksiyon yazmayı göstereceğim. Bende yeni öğrendim. Neden kullanılıyor derseniz kod yazımını kısaltıyor. Daha pratik ve göze hoş gelen okunabilir kod yapısı olur. Başlayalım gençler.

Şimdi normalde js de fonksiyon oluştururken aşağıdaki gibi yazıyoruz.

var merhaba = function () { console.log("merhaba") }; merhaba();

çalıştırdığımızda sa çıktısını alıyoruz consolda. Şimdi aynısını arrow yani => işareti kullanarak yazalım.

// var merhaba = () => { // console.log( "merhaba"); // } merhaba();

gördüğünüz gibi ikiside aynı şey ama alttakinin yazımı daha rahat.

birde değişken gönderelim

const merhaba =firstName => { console.log("merhaba",firstName); } merhaba (”caylak”);

çıktımız merhaba çaylak olacak.

eğer fonksiyonumuz sadece return olacaksa daha kısada yazabılıyoruz ilk normal yazyım sonra daha da kısasını yazcam

var cube = x =>{ return x*x*x; }; console.log(cube(4));

buda daha da kısası sadece return varsa böyle yazabilirsiniz

var cube = x => x*x*x; console.log(cube(4));