JavaScript’te “Rest” Parametresi Kullanımı
JavaScript’te “rest” parametresi, ES6 ile birlikte dile eklenen özelliklerden biri olup fonksiyonlarda dinamik bir değişken sayısına olanak tanır.
JavaScript’te “Rest” Parametresi
Spread operatörü gibi üç nokta (...) sembolüze edilen “rest” operatörü, fonksiyonlara birden fazla argümanı eklemek için kullanılır. Ancak bu ikisi arasında kullanım farklılığı olduğunu belirtmek isterim; “spread” operatörü, bir dizi veya nesneyi ayrıştırmak veya genişletmek için kullanılır.
İngilizcede “geri kalan” gibi bir anlama sahip olan “rest” parametresi, anlamının hakkına verdiği fonksiyon çağrılarında, özellikle de fonksiyona gönderilen değişken sayısını önceden bilmediğiniz durumlarda çok kullanışlıdır. Bu operatör, fonksiyona gönderilen argümanları bir diziye dönüştürür. Aşağıdaki örneği inceleyelim:
|
1 2 3 4 5 6 7 8 9 10 11 |
//Rest Parameter function toplam(...sayilar) { let toplam = 0; for (let i = 0; i < sayilar.length; i++) { toplam += sayilar[i]; } return toplam; } console.log(toplam(1, 2, 3, 4, 5)); // 15 console.log(toplam(10, 20, 30)); // 60 |
Yukarıdaki örnekte, “rest” parametremiz (...) fonksiyona gönderilen tüm sayılar bir diziye toplanmıştır. Bu sayede, fonksiyon çağrısı sırasında kaç tane sayı gönderileceği bilinmese bile, toplam() fonksiyonu doğru bir şekilde çalışacaktır.
JavaScript’te “rest” operatörü, sadece kaç tane argüman aldığını bilmediğimiz fonksiyonlarda değil aldığı argüman sayısı fazla olanlarda da kullanabiliriz. Örneğin:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
// Rest parametresi olmadan function toplam10(a, b, c, d, e, f, g, h, i, j) { return a + b + c + d + e + f + g + h + i + j; } console.log(toplam10(1, 2, 3, 4, 5, 6, 7, 8, 9, 10)); // 55 // Rest parametresi ile function toplamRest(...sayilar) { let toplam = 0; for (let i = 0; i < sayilar.length; i++) { toplam += sayilar[i]; } return toplam; } console.log(toplamRest(1, 2, 3, 4, 5, 6, 7, 8, 9, 10)); // 55 |
Yukarıdaki örnekte, toplam10() fonksiyonu 10 ayrı parametre alırken, toplamRest() fonksiyonu “rest” parametresi kullanarak değişken sayıda argüman alabilir. Bu sayede, fonksiyonlar daha esnek hale gelir ve farklı sayıda argümanlarla çalışırken “Acaba bütün argümanları, parametre olarak yazdım mı?” gibi sorulara karşı kesin bir cevap sunar.
Bu özellik aynı zamanda fonksiyonlara daha okunaklı bir yapı sağlar. Böylece, fonksiyonun ne yaptığı daha hızlı anlaşılabilir ve kodun daha kolay bakımı sağlanabilir.
“Rest” parametresi, JavaScript özelliği olarak tanıtılmış olsa da, benzer işlev diğer programlama dillerinde de bulunmaktadır. Örneğin, benzer işlev Python’da “*” sembolü ile ifade edilirken, Ruby’de ise “splat” operatörü olarak adlandırılır ve yine aynı sembol “…” kullanılır. Java’da “varargs” olarak bilinir, C# dilinde ise, “params” anahtar kelimesi kullanılarak benzer bir işlev sağlanır.
Yani kısacası, rest parametresi benzer özellikleriyle birlikte diğer programlama dillerinde de mevcuttur. Ancak, her dilde kullanım şekli ve sembolü farklılık göstermektedir.
“Rest” Parametresini Kullanırken Nelere Dikkat Etmeliyiz?
❗ “Rest” parametresi her zaman fonksiyon parametre listesinin sonunda olmalıdır. Aksi takdirde hata verecektir.
|
1 2 3 4 5 6 7 8 9 10 |
// Rest parametresi function exampleFunc(...restParams, param1, param2) { console.log(restParams); console.log(param1); console.log(param2); } exampleFunc("a", "b", "c", "d", "e"); // TypeError: Rest parameter must be last formal parameter |
❗ “Rest” parametresi, bir fonksiyonda yalnızca bir defa kullanılabilir.
|
1 2 3 4 5 6 |
// function invalidFunction(...rest1, ...rest2) { console.log(rest1, rest2); } invalidFunction(1, 2, 3, 'a', 'b', 'c'); // SyntaxError: |
❗ Normal parametreler argüman sırasına göre parametre değerini alır.
|
1 2 3 4 5 6 7 8 |
// function myFunction(a, b, ...rest) { console.log(a); // 1 console.log(b); // 2 console.log(rest); // [3, 4, 5] } myFunction(1, 2, 3, 4, 5); |
❗ Parametrelerin isimleri sizin için önemli değilse, “_” kullanarak belirsiz parametrelerle uğraşmaktan kaçınabilirsiniz.
|
1 2 3 4 5 6 7 |
// function concatenateStrings(separator, ..._) { return _.join(separator); } console.log(concatenateStrings(",", "apple", "banana", "orange")); // "apple,banana,orange" |
❗ “Rest” parametresi, bir fonksiyona sıfır argüman verilse bile, boş bir dizi şeklinde dönüş yapar. Bu nedenle, rest parametresinin boş olup olmadığını kontrol etmeniz gerekebilir.
|
1 2 3 4 5 6 7 8 9 10 11 |
// function myFunction(...args) { if (args.length === 0) { console.log("Rest parametresi boş!"); } else { console.log(`Rest parametreleri: ${args}`); } } myFunction(); // Rest parametresi boş! myFunction(1, 2, 3); // Rest parametreleri: 1,2,3 |