JavaScript Ders 4 – Fonksiyonlar

Fonksiyonlar, kodları daha organize, okunabilir ve yeniden kullanılabilir hale getirmeyi sağlayan temel bir programlama kavramıdır.

Fonksiyon Nedir?

Tanım: Bir fonksiyon, belirli bir görevi gerçekleştiren bir kod bloğudur. Fonksiyonlar, tekrar eden kod parçalarını ortadan kaldırarak kodu daha modüler ve yönetilebilir hale getirir.

Neden Fonksiyon Kullanmalıyız?

• Yeniden Kullanılabilirlik: Aynı kodu birden fazla yerde kullanmak yerine bir fonksiyon içinde tanımlayıp gerektiğinde çağırabilirsiniz.
• Modülerlik: Kodu daha küçük, bağımsız parçalara ayırarak programın anlaşılırlığını artırırsınız.
• Okunabilirlik: Fonksiyonlar, kodun amacını açıkça belirtir ve okunabilirliği kolaylaştırır.

Fonksiyon Tanımlama Yöntemleri

Fonksiyon Bildirme (Function Declaration):

function toplama(a, b) {
  return a + b;
}

function toplama(a, b) {
  return a + b;
}

• function anahtar kelimesi ile başlar.
• Fonksiyonun adı belirtilir (toplama)
• Parantez içinde fonksiyonun parametreleri (girdileri) tanımlanır (a, b).
• Süslü parantezler {} arasında fonksiyonun gövdesi bulunur.
• return ifadesi ile fonksiyondan bir değer döndürülebilir. Eğer return ifadesi yoksa, fonksiyon undefined değeri döndürür.

Fonksiyon İfade (Function Expression):

const carpma = function(a, b) {
  return a * b;
};

const carpma = function(a, b) {
  return a * b;
};

• Bir değişkene atanan anonim bir fonksiyondur.
• const, let veya var ile tanımlanabilir.

Arrow Fonksiyonları (ES6):

const bolme = (a, b) => a / b;

const bolme = (a, b) => a / b;

• Daha kısa ve okunabilir bir sözdizimi sunar.
• Tek argümanlı fonksiyonlarda parantezler atlanabilir.
• return ifadesi tek satırlık ifadelerde otomatik olarak döndürülür.

Parametreler ve Argümanlar

Parametre: Fonksiyon tanımında belirtilen değişkenlerdir. Fonksiyona girdi olarak beklenen değerleri temsil ederler.

Argüman: Fonksiyon çağrılırken parametrelere geçirilen gerçek değerlerdir.

Örnek:

function toplama(a, b) { // a ve b parametrelerdir
  return a + b;
}

let sonuc = toplama(5, 3); // 5 ve 3 argümanlardır
console.log(sonuc); // 8 çıktısı verir

function toplama(a, b) { // a ve b parametrelerdir
  return a + b;
}

let sonuc = toplama(5, 3); // 5 ve 3 argümanlardır
console.log(sonuc); // 8 çıktısı verir

return İfadesi

Amacı: Fonksiyonun çalışmasını sonlandırır ve bir değer döndürür.

Değer Döndürme: return ifadesinden sonra gelen herhangi bir kod, fonksiyonun geri kalan kısmı çalıştırılmaz.

Değer Dönüşü Olmayan Fonksiyonlar: Eğer bir fonksiyon return ifadesi içermiyorsa, otomatik olarak undefined değeri döndürür.

Kapanış (Closure)

Tanım: Bir fonksiyonun, tanımlandığı kapsamdaki değişkenlere erişebilme yeteneğidir, o kapsam görünmez olsa bile.

Nasıl Çalışır? İç içe geçmiş fonksiyonlar kullanıldığında, iç fonksiyon dış fonksiyonun değişkenlerine erişebilir ve bu değişkenleri koruyabilir.

Örnek:

function disFonksiyon(dis) {
  return function(mesaj) {
    console.log(dis + ": " + mesaj);
  };
}

let selamla = disFonksiyon("Merhaba");
selamla("Dünya!"); // "Merhaba: Dünya!" çıktısı verir

function disFonksiyon(dis) {
  return function(mesaj) {
    console.log(dis + ": " + mesaj);
  };
}

let selamla = disFonksiyon("Merhaba");
selamla("Dünya!"); // "Merhaba: Dünya!" çıktısı verir

Fonksiyonları Çağırma (Calling Functions)

Temel Kullanım: Fonksiyonun adını ve parantez içinde argümanlarını belirtin.

let sonuc = toplama(10, 20); // toplama fonksiyonunu çağırır
console.log(sonuc); // 30 çıktısı verir

let sonuc = toplama(10, 20); // toplama fonksiyonunu çağırır
console.log(sonuc); // 30 çıktısı verir

Bir Sayının Karekökünü Hesaplayan Fonksiyon:

function karekok(sayi) {
  return Math.sqrt(sayi);
}

console.log(karekok(9)); // 3 çıktısı verir

function karekok(sayi) {
  return Math.sqrt(sayi);
}

console.log(karekok(9)); // 3 çıktısı verir

String’i Tersine Çeviren Fonksiyon:

function tersCevir(str) {
  return str.split("").reverse().join("");
}

console.log(tersCevir("Merhaba")); // "abahreM" çıktısı verir

function tersCevir(str) {
  return str.split("").reverse().join("");
}

console.log(tersCevir("Merhaba")); // "abahreM" çıktısı verir

Kaynak: https://developer.mozilla.org/en-US/docs/Web/JavaScript