Yükleniyor...

Fonksiyon parametreleri

Önceki derste adımları bir isim altında paketlediniz; parantezler boş kaldı. Gerçek programlar girdi ister — bir isim, bir toplam, bir mesaj — ki aynı gövde farklı değerlerle çalışsın. Bu adlı yuvalar parametredir. Çağrıda verdiğiniz değerler argümandır.

Parametre ve argüman

function greet(name) { … } yazdığınızda name bir parametredir: gövde içindeki yerel ad. greet("Sara") yazdığınızda "Sara" argümandır: bu çağrı için yuvayı dolduran somut değer. Aynı tarif, farklı malzemeler.

Kim nerede yazılır

📊 Parametre ve argüman

Fikir Nereye yazarsınız Günlük karşılık
parametre bildiride () içinde name etiketli boş kâse
argüman çağrıda () içinde içine koyduğunuz — "Sara"
sıra soldan sağa ilk argüman → ilk parametre
varsayılan bildiride name = "friend" bir şey getirmezseniz yedek
eksik yuva daha az değerli çağrı varsayılan yoksa parametre undefined

Parametreler bildiride yaşar. Argümanlar her çağrıda gelir. İki kelimeyi karıştırmak yeni başlayan hatasıdır — alışkanlık oturana kadar tabloyu yakın tutun.

Tek parametre

javascript 
function greet(name) {
console.log("Hello, " + name);
}
greet("Sara");

Bir girdi, bir yuva

name, greet içinde bekler. Çağrı "Sara" geçer. Gövde Hello, Sara kurar ve yazar. Argümanı değiştirin, gövdeyi koruyun — parametrenin kazancı budur.

İki parametre

javascript 
function add(a, b) {
console.log(a + b);
}
add(3, 4);

İki yuva, iki değer

Parametreleri virgülle yazın: a, b. Argümanları aynı sırada verin: 3 → a, 4 → b. Kayıtta 7 görünür. Gövde bu sayıları sabitlemez — çağrı sağlar.

Sıra önemlidir

javascript 
function label(color, surface) {
console.log(color + " on " + surface);
}
label("red", "wall");
label("wall", "red");

Sıra sözleşmedir

İlk çağrı red on wall yazar. İkincisi wall on red — aynı fonksiyon, yer değişmiş argümanlar. JavaScript hangi değerin «renk gibi» olduğunu tahmin etmez. Konum karar verir.

Varsayılan parametre

javascript 
function greetFriend(name = "friend") {
console.log("Hi, " + name);
}
greetFriend("Ali");
greetFriend();

Bir şey gelmezse yedek değer

name = "friend" bir varsayılan koyar. greetFriend("Ali") yine "Ali" kullanır. Boş () ile greetFriend() "friend" kullanır. Varsayılan, çağıran bir yuvayı atladığında gövdeyi korur.

Eksik argüman undefined olur

javascript 
function showId(id) {
console.log(id);
}
showId();

Ne değer ne varsayılan

showId() idye hiçbir şey vermez. Varsayılan yoksa id undefineddır ve o yazılır. Çökme değil — argüman unutuldu veya varsayılan gerekir diye işaret.

Sayfaya bir metin verin

Önceki DOM kalıbı, ama mesaj argümandan kurulur. Bir fonksiyon farklı misafirleri karşılayabilir — yalnızca çağrı değişir. Aşağıdaki HTML demosu tam bunu yapar.

Parametreleri sayfada gösterin

Misafir adı alan bir fonksiyon bildirin, paragrafa kısa bir selam yazın, gerçek bir metinle çağırın.

Argümanlı sayfa çağrısı

html 
<!DOCTYPE html>
<html>
<head>
<title>parameters — page</title>
</head>
<body>
<p id="msg">…</p>
<script>
function welcome(guest) {
let box = document.getElementById("msg");
box.textContent = "Hello, " + guest;
}
welcome("Omar");
</script>
</body>
</html>

Sayfa Hello, Omar gösterir. guest parametreydi; "Omar" argümandı. Çağrıdaki metni değiştirin, yenileyin, yeni satırı okuyun. Sonraki ders return — fonksiyondan dışarı değer göndermek.

Kendiniz deneyin

  1. "hi " artı name yazan function hello(name) yazın; adınızla çağırın.
  2. x + y yazan function sum(x, y) yazın; iki sayıyla çağırın.
  3. İki parametreli bir fonksiyonu argümanları yer değiştirerek iki kez çağırın; kayıtları karşılaştırın.
  4. title = "guest" gibi varsayılan ekleyin; bir kez değerle, bir kez boş () ile çağırın.
  5. Argümansız ve varsayılansız tek parametreli fonksiyon çağırın; konsolda undefined görün.
  6. HTML demoda yalnızca argüman metnini değiştirin, yenileyin, paragrafı okuyun.

Sık hatalar

  • Gövde değer isterken boş () ile çağrı — varsayılan yoksa undefined alırsınız
  • Argüman sırasını değiştirip JavaScript’in «bileceğini» beklemek
  • Parametre (bildiri) ile argümanı (çağrı) karıştırmak
  • İki parametre veya iki argüman arasında virgülü unutmak
  • Burada dönüş değeri aramak — o sonraki ders; bu sayfa yalnızca girdiler

Özet

  • Parametreler bildirinin () içindeki adlardır
  • Argümanlar çağrıda verdiğiniz değerlerdir
  • Sıra soldan sağa — birinciyle birinci, ikinciyle ikinci
  • Varsayılan, çağıran yuvayı atladığında doldurur
  • Varsayılansız boş yuva undefined olur
  • Sayfa güncellemesi mesajda geçen değeri kullanabilir
  • Sonraki: return — fonksiyondan dışarı sonuç gönderin

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
8
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 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
Konu 28 / 31
Javascript Ders