return ile değer döndürme
Önceki derste değerleri fonksiyonun içine gönderdiniz. Gerçek programlar çoğu zaman bir değeri de dışarı ister — toplam, etiket, evet/hayır — ki çağıran sonuçla devam edebilsin. Bu sonucu geri gönderen anahtar sözcük return’dür.
return ne yapar
Gövde içinde return expression; yazarsınız. JavaScript ifadeyi hesaplar, değeri çağırana verir ve o çağrıyı bitirir. Çağıran saklayabilir: let total = add(3, 4); — burada total 7 olur.
return, loglamakla aynı değildir
📊 return ve console.log
| Fikir | Ne yapar | Kim görür |
|---|---|---|
return value |
value’yu çağırana gönderir |
bir sonraki kod satırınız |
console.log(value) |
value’yu konsola yazar |
konsola bakan kişi |
| ikisi | hem loglayıp hem döndürebilirsiniz | log göz için; return program için |
return yok |
çağrı undefined ile biter |
çağrıyı saklamak undefined verir |
return sonrası |
o çağrıdaki sonraki satırlar atlanır | erken çıkış bilinçlidir |
Log bakmaya yardım eder. Döndürmek, programın geri kalanının cevabı kullanmasını sağlar. Yeni başlayanlar çoğu zaman sadece içeride loglar ve let x = f() neden undefined diye şaşırır — çünkü hiçbir şey döndürülmemiştir.
function add(a, b) {
return a + b;
}
let total = add(3, 4);
console.log(total);
Sonucu yakalayın
add kendi başına yazdırmaz. 7 döndürür. Çağıran bunu total’a koyar, sonra loglar. Argümanları değiştirin, gövdeyi koruyun — dönen toplam girdileri izler.
function greet(name) {
return "Hello, " + name;
}
let line = greet("Sara");
console.log(line);
Sonra için bir değer kurun
greet bir dize kurar ve geri verir. line Hello, Sara tutar. line’ı sayfaya, başka fonksiyona veya teste verebilirsiniz — return, gövde dışında yeniden kullanımı açtı.
function demo() {
console.log("first");
return 1;
console.log("second");
}
demo();
return’den sonra hiçbir şey çalışmaz
Bu çağrı önce first yazar, sonra 1 döndürür. second yazacak satır hiç çalışmaz. Hata değil — return çağrıyı hemen bitirir.
function label(score) {
if (score < 0) {
return "invalid";
}
return "ok";
}
console.log(label(-1));
console.log(label(10));
Cevap hazırsa erken çıkın
score negatifse fonksiyon "invalid" döndürür ve gerisini atlar. Değilse "ok". Bu erken return mutlu yolu kısa ve okunaklı tutar.
function shout(msg) {
console.log(msg);
}
let result = shout("hi");
console.log(result);
return’ü unuttunuz mu?
shout yalnızca loglar. Çağrı biter ama undefined ile. Saklamak result’a undefined koyar. Dışarıda değere ihtiyacınız varsa açık bir return yazın.
Dönen değeri sayfaya koyun
Mesajı return ile kurun, sonra o dizeyi bir paragrafa yazın. Fonksiyon metin üretmeye odaklanır; sayfa kodu nerede görüneceğine karar verir.
return’ü sayfada gösterin
Karşılama dizesi döndüren bir fonksiyon bildirin, çağırın ve sonucu bir paragrafa koyun.
<!DOCTYPE html>
<html>
<head>
<title>return — page</title>
</head>
<body>
<p id="msg">…</p>
<script>
function welcome(guest) {
return "Hello, " + guest;
}
let box = document.getElementById("msg");
box.textContent = welcome("Omar");
</script>
</body>
</html>
Sayfa Hello, Omar gösterir. welcome dizeyi döndürdü; sonraki satır paragrafa yazdı. Yalnızca argümanı değiştirin, yenileyin, yeni satırı okuyun. Sonraki ders: ok fonksiyonları — bu fonksiyonların bazılarını yazmanın daha kısa yolu.
Kendiniz deneyin
x + ydöndürenfunction sum(x, y)yazın, çağrıyı değişkene koyun ve loglayın."hi "artınamedöndürenfunction hi(name)yazın; dönen dizeyi loglayın.- Fonksiyon içinde
return’den sonra birconsole.logkoyun; o satırın yazmadığını doğrulayın. - Koruma yazın:
n === 0ise"zero", değilse"nonzero"döndürün. - Yalnızca
console.logyapan bir fonksiyonu çağırıp saklayın;undefinedolduğunu doğrulayın. - HTML demoda yalnızca argüman dizesini değiştirin, yenileyin ve paragrafı okuyun.
Sık hatalar
- Fonksiyon içinde yalnızca
console.logkullanıplet x = f()’nin yararlı değer tutmasını beklemek - Çağrı yerinde dönen değeri saklamayı veya kullanmayı unutmak
return’den sonra kod yazıp neden çalışmadığını merak etmekreturn value;isterken boşreturn;yazmak- Burada parametre hileleri aramak — bu sayfa çıktılar hakkında; girdiler önceki dersti
Özet
returnçağırana bir değer gönderir- Bu değeri fonksiyonun dışında saklayın veya kullanın
return’den sonra o çağrının geri kalanı atlanır- Erken return özel durumlar için temiz bir çıkıştır
returnyoksa (veya boşreturn) → çağrıundefinedverir- Sayfa güncellemeleri dönen bir dize kullanabilir
- Sonraki: ok fonksiyonları — kompakt fonksiyon sözdizimi
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek