JavaScript fonksiyonları yazmak için ES6 ile Arrow(ok) fonksiyonları yeni bir sözdizimi olarak tanıtıldı.
CoffeeScript'in Arrow fonksiyonlarından ilham alan Arrow(Ok) fonksiyonları (Şişman Ok fonksiyonları olarak da bilinir) olarak bilinir .
Şüphesiz ES6'nın en popüler özelliklerinden biridir.
Ok fonksiyonları kodlarımızı daha özlü hale getirir ve fonksiyon kapsamında function anahtar kelimeyi basitleştirir.
Arrow function javascript’de fonksiyon tanımlamanın diğer bir yolu olmasına rağmen standart fonksiyon yazımına göre çok daha az satırda işimizi halletmemize olanak tanıyor. Buda bize javascript dosyalarında küçülme gibi faydaları vardır. Özellikle Framework kütüphanelerinde daha çok farkedilir.
Arrow fonksiyonları şişman ok diye bilinir. ( ->ince bir ok ve =>şişman bir ok olduğu için)
Arrow fonksiyonlar C# veya Python gibi diğer dillerde Lambdas gibi çok çalışan tek satırlık mini fonksiyonlardır.
Sözdizimi:
Yeni öğrenenler için, JavaScript'teki ok işlevleri her zaman Anonim fonksiyondur. Arrow fonksiyonları öğrenmek için öncelikle Anonim fonksiyonları öğrenin.
JavaScript'te bildiğimiz gibi fonksiyon yazmak için function komutunu kullanıyorduk Artık onun yerine parametreler öne alınmış Şişman "=>" Ok kullanın.
Okun ( => ) solundaki kısım parantez içindeki parametreler , sağdaki ise süslü parantez "{ }" içindeki fonksiyon ifadeleridir . Fonksiyon hiçbir ifade içermediğinde undefined döndürür.
Fonksiyon yalnızca tek bir parametre içeriyorsa, onu çevreleyen parantezi atlayabilirsiniz. Aynı şekilde, gövde işlemleri için de geçerlidir - tek bir gövde ifadesi, çevresinde hiçbir süslü parantez "{ }" gerektirmez.
Ok fonksiyonu, gövdede tek bir deyim içeriyorsa ve değeri return olmadan döndürmek için süslü "{ }" parantezler kullanılmaz.
Ok fonksiyonlarda birden fazla parametre varsa bunları parantez "( )" içine alın.
Fonksiyonların Gövdesinde birden fazla ifade içeriyorsa, bu kodları süslü "{ }" parantezlerine sarın:
Süslü parantezler kullanımış fonksiyonun gövdesinde bir işlemi döndürmek için return ifadesini kullanın.
Ok fonksiyonunda bir hazır bilgi nesnesi döndüren (return) tek bir gövde deyimi içeriyorsa, hazır bilgi nesnesini çevreleyen süslü parantezlerin bir fonksiyon gövde sargısı olarak yorumlanmasını önlemek için gövde fonksiyonunu parantez içine sarmanız gerekir:
JavaScript Arrow fonksiyonlarının sözdizimi, aşağıdaki kurallarla hatırlanması çok faydalıdır:
Arrow fonksiyonlar Anonim(isimsiz) fonksiyonlardır. Bunları Anonim fonksiyonda olduğu gibi bir değişkene atayarak kullanabiliriz.
Hemen Çağrılan Fonksiyon İfadeleri düzenini (IIFE'ler) kullanarak ok fonksiyon tanımlamaları üzerine hemen çalıştırabilirsiniz.
Başka bir örnek
Bir hemen çağrılan(IIFE) fonksiyon ifadesi, oluşturulan en kısa sürede fonksiyonu hemen çalıştırmak için bir yoldur.
IIFE'ler çok kullanışlıdır; Çünkü küresel nesneyi kirletmezler ve değişken bildirimlerini izole etmenin basit bir yoludur.
CoffeeScript'in Arrow fonksiyonlarından ilham alan Arrow(Ok) fonksiyonları (Şişman Ok fonksiyonları olarak da bilinir) olarak bilinir .
Şüphesiz ES6'nın en popüler özelliklerinden biridir.
Ok fonksiyonları kodlarımızı daha özlü hale getirir ve fonksiyon kapsamında function anahtar kelimeyi basitleştirir.
Arrow function javascript’de fonksiyon tanımlamanın diğer bir yolu olmasına rağmen standart fonksiyon yazımına göre çok daha az satırda işimizi halletmemize olanak tanıyor. Buda bize javascript dosyalarında küçülme gibi faydaları vardır. Özellikle Framework kütüphanelerinde daha çok farkedilir.
Arrow fonksiyonları şişman ok diye bilinir. ( ->ince bir ok ve =>şişman bir ok olduğu için)
Arrow fonksiyonlar C# veya Python gibi diğer dillerde Lambdas gibi çok çalışan tek satırlık mini fonksiyonlardır.
Sözdizimi:
Yeni öğrenenler için, JavaScript'teki ok işlevleri her zaman Anonim fonksiyondur. Arrow fonksiyonları öğrenmek için öncelikle Anonim fonksiyonları öğrenin.
JavaScript'te bildiğimiz gibi fonksiyon yazmak için function komutunu kullanıyorduk Artık onun yerine parametreler öne alınmış Şişman "=>" Ok kullanın.
Okun ( => ) solundaki kısım parantez içindeki parametreler , sağdaki ise süslü parantez "{ }" içindeki fonksiyon ifadeleridir . Fonksiyon hiçbir ifade içermediğinde undefined döndürür.
Fonksiyon yalnızca tek bir parametre içeriyorsa, onu çevreleyen parantezi atlayabilirsiniz. Aynı şekilde, gövde işlemleri için de geçerlidir - tek bir gövde ifadesi, çevresinde hiçbir süslü parantez "{ }" gerektirmez.
Ok fonksiyonu, gövdede tek bir deyim içeriyorsa ve değeri return olmadan döndürmek için süslü "{ }" parantezler kullanılmaz.
Ok fonksiyonlarda birden fazla parametre varsa bunları parantez "( )" içine alın.
Fonksiyonların Gövdesinde birden fazla ifade içeriyorsa, bu kodları süslü "{ }" parantezlerine sarın:
Süslü parantezler kullanımış fonksiyonun gövdesinde bir işlemi döndürmek için return ifadesini kullanın.
Ok fonksiyonunda bir hazır bilgi nesnesi döndüren (return) tek bir gövde deyimi içeriyorsa, hazır bilgi nesnesini çevreleyen süslü parantezlerin bir fonksiyon gövde sargısı olarak yorumlanmasını önlemek için gövde fonksiyonunu parantez içine sarmanız gerekir:
JavaScript Arrow fonksiyonlarının sözdizimi, aşağıdaki kurallarla hatırlanması çok faydalıdır:
- Tek parametreli ok fonksiyonları için, onu çevreleyen parantezi atlayabilirsiniz.
- Parametre olmayan veya çoklu parametre olan ok fonksiyonları için, parametreleri parantez içine alın.
- Tek bir gövde ifadesine sahip ok fonksiyonları için, ifadenin etrafındaki süslü "{}" parantezleri atlayabilirsiniz. İfadeden türetilen değer, parantez olmadan otomatik olarak (return) döndürülür.
- Birden fazla gövde ifadesine sahip ok fonksiyonları için bu değerleri süslü parantezler içine alın. Süslü parantezler varsa hiçbir değer otomatik olarak döndürülmez - değer döndürmek için return ifadeyi kullanın.
- Bir fonksiyonun gövdesi yalnızca tek bir nesne hazır bilgisini içeriyorsa, fonksiyonun gövdesinde belirtilen süslü "{ }" parantezlerden ayırmak için normal parantez "()" içine alın.
Arrow fonksiyonlar Anonim(isimsiz) fonksiyonlardır. Bunları Anonim fonksiyonda olduğu gibi bir değişkene atayarak kullanabiliriz.
Code:
var hesap = sayi => sayi * 0.25
console.log(hesap(100)); // returns 25
Code:
( sayi => sayi * 0.15 )(100) // returns 15
Code:
var Hesap = ( (b, h) => { // returns 50
var islem = (b * h) / 2;
return islem;
})(20, 5)
console.log(Hesap);IIFE'ler çok kullanışlıdır; Çünkü küresel nesneyi kirletmezler ve değişken bildirimlerini izole etmenin basit bir yoludur.
