JavaScript Dersleri

JavaScript’te return Anahtar Kelimesi

eminbasbayan

eminbasbayan

4 dk okuma
JavaScript’te return Anahtar Kelimesi
🔍 Büyütmek için tıklayın

JavaScript’te programlama yaparken birçok defa fonksiyonlar yazarız. Fonksiyonlar, belirli bir işi yapan ve ihtiyaç duyduğumuzda çağırabileceğimiz kod bloklarıdır. Bu fonksiyonlar bazen sadece ekrana bir şeyler yazdırır, bazen de bize bir değer üretip bu değeri dış dünyaya verir. İşte tam bu noktada return anahtar kelimesi devreye girer.

Bu yazıda return kelimesinin ne işe yaradığını, nasıl kullanıldığını ve neden bu kadar önemli olduğunu detaylıca inceleyeceğiz. Konuyu sade bir dille, örneklerle açıklayacağız.

console.log ile return Arasındaki Temel Fark

Önce basit bir örnekle başlayalım:

function carp(a, b) { console.log(a * b); }

Bu fonksiyon iki sayıyı çarpıp sonucu ekrana yazdırır. Örneğin:

carp(3, 6); // Konsola 18 yazdırır

Peki biz bu sonucu saklamak istesek?

let sonuc = carp(3, 6); console.log(sonuc); // Ne yazdırır? -> undefined

Burada sonuc değişkenine bir değer gelmez. Çünkü fonksiyon sadece console.log ile ekrana yazı yazdı, ama dışarıya bir değer döndürmedi.

Fonksiyondan Değer Döndürmek: return

Bir fonksiyonun bir işlem yaptıktan sonra sonucunu dış dünyaya vermesini istiyorsak, return kullanmamız gerekir. Yukarıdaki örneği yeniden yazalım:

function carp(a, b) { return a * b; }

Artık bu fonksiyon, çarpım sonucunu dışarıya verir. Bu sonucu bir değişkene atayabiliriz:

let sonuc = carp(3, 6); console.log(sonuc); // 18

Bu örnekte artık gerçekten fonksiyondan bir değer aldık. Bu değer sadece konsola yazdırılabilir değil, başka işlemlerde de kullanılabilir.

return Kullanılınca Fonksiyon Durur

return sadece bir değeri döndürmekle kalmaz, aynı zamanda fonksiyonun çalışmasını o anda durdurur. Yani return satırından sonra gelen hiçbir satır çalışmaz.

Örneğin:

function yazVeDon() { return "Bitti"; console.log("Bu satır asla çalışmaz"); }

Burada "Bu satır asla çalışmaz" ifadesi gerçekten de çalışmaz. Çünkü return ile fonksiyonun işi bitirilmiş olur.

Şartlı Durumlarda return Kullanımı

Fonksiyonların içinde bazen farklı durumlara göre farklı çıktılar vermek isteyebiliriz. Örneğin bir fonksiyon hem iki değeri toplayabilir, hem de geçersiz bir değer verildiğinde bir hata mesajı döndürebilir.

function topla(a, b) { if (typeof a !== "number" || typeof b !== "number") { return "Geçersiz giriş"; } return a + b; }

Kullanımı:

console.log(topla(4, 5)); // 9 console.log(topla("merhaba", 2)); // "Geçersiz giriş"

Burada önemli olan şey şu: Eğer return çalışırsa, o andan itibaren fonksiyonun geri kalanı çalışmaz. Bu yüzden yukarıdaki örnekte return "Geçersiz giriş"; çalışırsa, return a + b; hiç çalışmaz.

return Sadece Tek Bir Değer Döndürür

Bir fonksiyonda aynı anda sadece bir değer döndürülebilir. Bu değer ister sayı olsun, ister metin, isterse bir dizi veya nesne.

Yanlış bir kullanım:

function bilgileriVer() { return "Ahmet", "Mehmet"; // Sadece "Mehmet" döner }

Bu örnekte sadece sonuncu değer döner. İlk yazılan "Ahmet" göz ardı edilir. Doğru kullanım ise bu değerleri bir dizi ya da bir nesne içinde döndürmektir:

function bilgileriVer() { return ["Ahmet", "Mehmet"]; }

Ya da:

function bilgileriVer() { return { ad: "Ahmet", soyad: "Mehmet" }; }

Bu şekilde hem birden fazla bilgiyi dışarıya veririz, hem de sadece bir tane değer döndürmüş oluruz (ama bu değer çok veri içerebilir).

Dönen Değeri Başka İşlemlerde Kullanmak

return sayesinde bir fonksiyonun sonucunu başka fonksiyonlarda ya da işlemlerde kullanabiliriz.

Örneğin:

Ya da daha kısa şekilde:

function ikiKat(x) { return x * 2; } let sonuc = ikiKat(5); // 10 let yeniSonuc = ikiKat(sonuc); // 20 console.log(yeniSonuc);
let toplam = ikiKat(ikiKat(3)); // 3 → 6 → 12 console.log(toplam); // 12

Fonksiyonun döndürdüğü değeri başka fonksiyona girdi olarak da verebiliriz.

return ile Built-in Fonksiyonlar Arasındaki Benzerlik

Aslında JavaScript’te sıkça kullandığımız birçok yerleşik (built-in) fonksiyon da return kullanır. Örneğin:

let metin = "Merhaba"; let yeniMetin = metin.toUpperCase(); console.log(yeniMetin); // "MERHABA"

Burada toUpperCase() fonksiyonu yeni bir metin döndürür. Eğer bu fonksiyon sadece console.log yapsaydı, yeniMetin değişkenine bir şey gelmezdi.

Aynı durum Math.random() gibi fonksiyonlar için de geçerlidir:

let rastgele = Math.random(); // 0 ile 1 arasında rastgele bir sayı console.log(rastgele);

Bu tür fonksiyonlar da aslında return kullanarak değer döndürür.

Sonuç: return Olmadan Değer Üretilemez

Bir fonksiyondan gerçekten geri dönüş almak istiyorsak, sadece bir şeyleri ekrana yazdırmak değil de, o değeri başka bir yerde kullanmak istiyorsak, mutlaka return kullanmalıyız.

Bu yazıda öğrendiklerimizi özetleyelim:

  • return, bir fonksiyonun sonucunu dış dünyaya verir.
  • console.log sadece ekrana yazar, bir değer döndürmez.
  • return çalıştığı anda fonksiyon durur, sonrasındaki kod çalışmaz.
  • Bir fonksiyondan sadece tek bir değer döndürülebilir (ama bu değer çok veri içerebilir).
  • return ile dönen değer başka fonksiyonlara veya işlemlere aktarılabilir.

İşte bu yüzden return, JavaScript fonksiyonlarında en temel ve en önemli kavramlardan biridir. Kodun tekrar kullanılabilirliğini artırır, işlemlerin sonucunu kontrol etmeyi sağlar ve yazdığımız fonksiyonları daha güçlü hale getirir.

Etiketler

#Eğitimler#JavaScript Dersleri

İlgili Yazılar

Bu konuyla ilgili diğer yazılarımızı da inceleyebilirsiniz

Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?
JavaScript Dersleri

Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?

Web geliştirme, temel olarak üç ana yapı taşı üzerine kuruludur: **HTML, CSS ve JavaScript**. Bu üçlüden **HTML**, sayfanın iskeletini oluşturur, **CSS**, tasarımı ve görsel düzenlemeleri yapar

2 dk
JavaScript'e Giriş: JavaScript Nedir?
JavaScript Dersleri

JavaScript'e Giriş: JavaScript Nedir?

Web geliştirme yolculuğunuzda büyük bir adım atıyorsunuz! HTML ve CSS ile statik web sayfaları oluşturmayı öğrendiniz, ancak şimdi JavaScript ile sayfanıza hareket ve etkileşim katmanını eklemeye hazırsınız. JavaScript, web sayfalarını dinamik hale getiren ve kullanıcı etkileşimlerini yöneten

3 dk
JavaScript Değişkenler (Variables) Nedir?
JavaScript Dersleri

JavaScript Değişkenler (Variables) Nedir?

JavaScript, web geliştirme dünyasının en önemli dillerinden biridir. Dinamik web siteleri, interaktif uygulamalar, oyunlar ve animasyonlar gibi birçok alanda kullanılır. Ancak, bu tür gelişmiş uygulamalar oluşturabilmek için önce JavaScript'in temellerini anlamak gerekir. Bu

4 dk
JavaScript İlkel (Primitive) Veri Tipleri
JavaScript Dersleri

JavaScript İlkel (Primitive) Veri Tipleri

JavaScript, modern web geliştirmede vazgeçilmez bir programlama dilidir. Web sitelerini daha dinamik hale getirmek, etkileşim eklemek ve hatta oyunlar ve uygulamalar geliştirmek için kullanılır. Ancak, bu eğlenceli ve güçlü özelliklere ulaşmadan önce, JavaScript'in temellerin

4 dk
JavaScript'te Sayılar ve Matematiksel Operatörler
JavaScript Dersleri

JavaScript'te Sayılar ve Matematiksel Operatörler

JavaScript, modern web geliştirmede en yaygın kullanılan programlama dillerinden biridir. Bu dilde çalışırken sayılarla sıkça işlem yaparız. İster bir hesap makinesi uygulaması geliştiriyor olun, ister bir oyundaki puan sistemini kodluyor olun, sayılar kaçınılmaz bir parçadır. JavaScri

4 dk
JavaScript'te Boolean Veri Tipi
JavaScript Dersleri

JavaScript'te Boolean Veri Tipi

JavaScript'ı öğrenmeye yeni başlayanlar için veri tipleri oldukça önemlidir. Bu yazıda, en temel veri tiplerinden biri olan **Boolean (mantıksal) değerleri** inceleyeceğiz. Boolean değerleri, programlamada sıklıkla kullanılan ve kodlarımızın man

3 dk