JavaScript Dersleri #6: Fonksiyonlar (Functions)

Programlama yaparken belirli bir işi yapan kod bloklarını defalarca yazmak yerine, bu blokları bir kez paketleyip ihtiyaç duyduğumuzda isimleriyle çağırmak isteriz. İşte bu paketleme sistemine Fonksiyon denir. Fonksiyonlar, JavaScript'in temel yapı taşlarındandır.

1. Fonksiyon Tanımlama ve Çağırma (Declaration)

En temel fonksiyon oluşturma yöntemidir. function anahtar kelimesi, fonksiyona verilen bir isim ve süslü parantezlerden {} oluşur.

// Fonksiyonun tanımlanması

function selamVer() {

    console.log("Merhaba, JavaScript Dünyası!");

}

// Fonksiyonun çağrılması (çalıştırılması)

selamVer(); // Çıktı: Merhaba, JavaScript Dünyası!

selamVer(); // İstediğimiz kadar tekrar çağırabiliriz.

2. Parametre ve Argüman Kullanımı

Fonksiyonlar dışarıdan veri alarak daha dinamik çalışabilirler. Fonksiyon tanımlanırken parantez içine yazılan değişkenlere parametre, fonksiyon çağrılırken gönderilen gerçek değerlere ise argüman denir.

// 'isim' burada bir parametredir

function kisiyeOzelSelam(isim) {

    console.log(`Merhaba ${isim}, hoş geldin!`);

}

// "Meta" ve "Gökhan" değerleri birer argümandır

kisiyeOzelSelam("Meta");   // Çıktı: Merhaba Meta, hoş geldin!

kisiyeOzelSelam("Gökhan"); // Çıktı: Merhaba Gökhan, hoş geldin!

3. Değer Döndüren Fonksiyonlar: Return

Bazı fonksiyonlar sadece ekrana çıktı vermekle kalmaz, yaptıkları işlemin sonucunu kodun başka bir yerinde kullanabilmemiz için bize geri verirler. Bu işlemi return anahtar kelimesiyle yaparız.

Önemli Kural: return satırı çalıştığı anda fonksiyon o noktada tamamen durur ve altındaki kodları çalıştırmaz.

 function topla(sayi1, sayi2) {

    return sayi1 + sayi2; 

    // Bu satırdan sonra yazılan hiçbir kod çalışmaz.

}

// Fonksiyondan dönen sonucu bir değişkene eşitleyebiliriz:

let sonuc = topla(15, 25);

console.log(sonuc); // Çıktı: 40

4. Arrow Functions (Ok Fonksiyonları)

ES6 standartları ile gelen, fonksiyonları çok daha kısa, temiz ve modern bir söz dizimiyle (syntax) yazmamızı sağlayan yöntemdir. Özellikle güncel JavaScript projelerinde sıklıkla tercih edilir.

// Klasik Yöntem:

// const karesi = function(x) { return x * x; };

// Arrow Function Yöntemi:

const karesi = (x) => x * x;

console.log(karesi(5)); // Çıktı: 25

Eğer fonksiyon tek bir parametre alıyorsa parametre parantezlerine (), tek satırlık bir işlem yapıp değer döndürüyorsa süslü parantezlere {} ve return kelimesine gerek kalmaz. Yukarıdaki örnekte bu sadeliği görebilirsiniz.

javascript,functions,fonksiyonlar