Javascript Fonksiyonlar

25 Nisan 2025

JavaScript, web geliştirme dünyasının en önemli dillerinden biridir ve fonksiyonlar, JavaScript’in temel yapı taşlarından birini oluşturur. Bu rehberde, JavaScript fonksiyonlarını detaylı bir şekilde ele alacak, örneklerle pekiştirecek ve dikkat edilmesi gereken noktalara değineceğiz. Eğer JavaScript’e yeni başlıyorsanız veya fonksiyonları daha derinlemesine öğrenmek istiyorsanız, bu içerik tam size göre!

Konu Başlıkları

Fonksiyon Nedir?

Fonksiyon, belirli bir görevi yerine getirmek için tasarlanmış yeniden kullanılabilir kod bloklarıdır. Javascript fonksiyonlar, programın herhangi bir yerinde çağrılabilir ve tekrar tekrar kullanılabilir. Bu, kodunuzu daha modüler, okunabilir ve bakımı kolay hale getirir.

Fonksiyon Tanımlama

JavaScript’te fonksiyonlar function anahtar kelimesi ile tanımlanır. Temel bir fonksiyon yapısı şu şekildedir:

function merhaba() {
    console.log("Merhaba, Dünya!");
}

function merhaba() {

console.log("Merhaba, Dünya!");

}

Bu fonksiyonu kod içerisinde çağırmak için:

merhaba(); // Ekrana "Merhaba, Dünya!" yazdırır.

1	merhaba(); // Ekrana "Merhaba, Dünya!" yazdırır.

Fonksiyon Parametreleri ve Argümanlar

Fonksiyonlar, parametreler alarak daha dinamik hale getirilebilir. Parametreler, fonksiyonun içinde kullanılan değişkenlerdir. Fonksiyonu çağırırken bu parametrelere değerler (argümanlar) gönderilir.

function selamVer(isim) {
    console.log("Merhaba, " + isim + "!");
}

selamVer("Ahmet"); // Ekrana "Merhaba, Ahmet!" yazdırır.
selamVer("Ayşe");  // Ekrana "Merhaba, Ayşe!" yazdırır.

function selamVer(isim) {

console.log("Merhaba, " + isim + "!");

}

selamVer("Ahmet"); // Ekrana "Merhaba, Ahmet!" yazdırır.

selamVer("Ayşe"); // Ekrana "Merhaba, Ayşe!" yazdırır.

Varsayılan Parametreler

Fonksiyonlara varsayılan parametreler atanabilir. Bu, argüman gönderilmediğinde kullanılacak değeri belirler.

function selamVer(isim = "Misafir") {
    console.log("Merhaba, " + isim + "!");
}

selamVer(); // Ekrana "Merhaba, Misafir!" yazdırır.

function selamVer(isim = "Misafir") {

console.log("Merhaba, " + isim + "!");

}

selamVer(); // Ekrana "Merhaba, Misafir!" yazdırır.

Fonksiyonlardan Değer Döndürme

Fonksiyonlar, return anahtar kelimesi ile bir değer döndürebilir. Bu, fonksiyonun sonucunu başka bir yerde kullanmanızı sağlar.

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

let sonuc = topla(5, 3);
console.log(sonuc); // Ekrana "8" yazdırır.

function topla(a, b) {

return a + b;

}

let sonuc = topla(5, 3);

console.log(sonuc); // Ekrana "8" yazdırır.

Dikkat Edilmesi Gerekenler:

return ifadesinden sonraki kodlar çalıştırılmaz.
Eğer return kullanılmazsa, fonksiyon undefined döndürür.

Anonim Fonksiyonlar ve Arrow Functions

Anonim Fonksiyonlar

Anonim fonksiyonlar, isimleri olmayan fonksiyonlardır. Genellikle başka bir fonksiyona parametre olarak gönderilir veya bir değişkene atanır.

let kareAl = function(x) {
    return x * x;
};

console.log(kareAl(4)); // Ekrana "16" yazdırır.

let kareAl = function(x) {

return x * x;

};

console.log(kareAl(4)); // Ekrana "16" yazdırır.

Arrow Functions

Kod içerisinde daha kısa ve modern bir sözdizimi sunar.

let kareAl = (x) => x * x;
console.log(kareAl(4)); // Ekrana "16" yazdırır.

1 2	let kareAl = (x) => x * x; console.log(kareAl(4)); // Ekrana "16" yazdırır.

Avantajları:

this bağlamı, normal fonksiyonlardan farklıdır.
Tek satırlık fonksiyonlarda return anahtar kelimesine gerek yoktur.

Fonksiyon Kapsamı (Scope)

JavaScript’te fonksiyonlar, kendi kapsamlarını (scope) oluşturur. Bir fonksiyon içinde tanımlanan değişkenler, sadece o fonksiyon içinde erişilebilir.

function ornek() {
    let mesaj = "Fonksiyon içindeyim!";
    console.log(mesaj);
}

ornek(); // Ekrana "Fonksiyon içindeyim!" yazdırır.
console.log(mesaj); // Hata: mesaj tanımlı değil.

function ornek() {

let mesaj = "Fonksiyon içindeyim!";

console.log(mesaj);

}

ornek(); // Ekrana "Fonksiyon içindeyim!" yazdırır.

console.log(mesaj); // Hata: mesaj tanımlı değil.

Callback Fonksiyonlar

Callback fonksiyonlar, başka bir fonksiyona parametre olarak gönderilen ve daha sonra çağrılan fonksiyonlardır. Özellikle asenkron işlemlerde sıkça kullanılır.

function islemYap(a, b, callback) {
    let sonuc = a + b;
    callback(sonuc);
}

islemYap(3, 5, function(sonuc) {
    console.log("Sonuç: " + sonuc); // Ekrana "Sonuç: 8" yazdırır.
});

function islemYap(a, b, callback) {

let sonuc = a + b;

callback(sonuc);

}

islemYap(3, 5, function(sonuc) {

console.log("Sonuç: " + sonuc); // Ekrana "Sonuç: 8" yazdırır.

});

JavaScript Fonksiyonlarında Dikkat Edilmesi Gerekenler

Fonksiyon İsimlendirme: Fonksiyon isimleri, ne yaptığını açıkça belirtmelidir.
Parametre Sayısı: Çok fazla parametre kullanmaktan kaçının. Bu, fonksiyonun karmaşıklığını artırır.
Global Değişkenler: Fonksiyonlar içinde global değişkenler kullanmaktan kaçının.
Return Kullanımı: Fonksiyonun bir değer döndürmesi gerekiyorsa, return ifadesini unutmayın.

Post Views: 1

Paylaş

İlginizi Çekebilir