03.10. Genişletilmiş Parametre Yönetimi

ES6 ile parametre yönetimi geçerli parametre, kalan parametreler ve spread(yayılma) operatörü gibi yenilikler gelmiştir.

Geçerli Parametre:

Fonksiyonlara da geçerli parametre özelliği gelmiştir. Geçerli parametre sayesinde fonksiyona tüm parametreleri göndermek zorunda kalmazsınız. Örneğin,

const topla = function(sayi1 = 10, sayi2 = 20) 
{
    return sayi1 + sayi2 
}
console.log(topla(20, 40));
console.log(topla(20));
console.log(topla(sayi2 = 40));
console.log(topla());

const cikar = (sayi1 = 10, sayi2 = 20) => sayi1 - sayi2
console.log(cikar(20, 40));
console.log(cikar(20));
console.log(cikar(sayi2 = 40));
console.log(cikar());

const topla = function(sayi1 = 10, sayi2 = 20)

{

return sayi1 + sayi2

}

console.log(topla(20, 40));

console.log(topla(20));

console.log(topla(sayi2 = 40));

console.log(topla());

const cikar = (sayi1 = 10, sayi2 = 20) => sayi1 - sayi2

console.log(cikar(20, 40));

console.log(cikar(20));

console.log(cikar(sayi2 = 40));

console.log(cikar());

Bir fonksiyon bir de arrow fonksiyonu yapıldı. fonksiyon parametre alma kısmında “=” ile atama yapılırsa bu kısım geçerli değer olarak kabul edilir. Örneğin sayi1 değeri girilmezse 10 değerini alır. Bu yapı sayesinde fonksiyona tek veya birden fazla parametre gönderileceği gibi eğer tüm parametreler default değere sahip ise hiç parametre değeri de yollanmayabilir. Eğer fonksiyonun parametre ifadesinde bir parametre için geçerli değer belirtilmezse “NaN” değeri alacağını unutmayın. İşlem yapılır ancak yanlış sonuçlara götürebilir.

Kalan Parametreler ve Spread Operatörü

Eğer bir diziyi başka bir diziyle birleştirmek isterseniz, bir fonksiyona birden fazla parametre gönderecekseniz veya bir string kolay şekilde bir char array’i dönüştürmek isterseniz kalan(rest) parametre kavramı ve spread operatörü çok kullanışlıdır.

const params = [ "merhaba", true, 7 ]
const diger = [ 1, 2, ...params ]

console.log(params)
console.log(diger)

function f (x, y, ...a) {
    return (x + y) * a.length
}

console.log(f(1, 2, ...diger))

const str = "Merhaba"
const chars = [ ...str ]
console.log(str)
console.log(chars)

const params = [ "merhaba", true, 7 ]

const diger = [ 1, 2, ...params ]

console.log(params)

console.log(diger)

function f (x, y, ...a) {

return (x + y) * a.length

}

console.log(f(1, 2, ...diger))

const str = "Merhaba"

const chars = [ ...str ]

console.log(str)

console.log(chars)

Array(3) ["merhaba", true, 7]
Array(5) [1, 2, "merhaba", true, 7]
15
Merhaba
Array(7) ["M", "e", "r", "h", "a", "b", "a"]

Array(3) ["merhaba", true, 7]

Array(5) [1, 2, "merhaba", true, 7]

Merhaba

Array(7) ["M", "e", "r", "h", "a", "b", "a"]

diger değişkenine params dizisinin elemanlarını eklemek için … (spread operatörü) kullanılmıştır. f fonksiyonu (bu sayfada üçüncü farklı fonksiyon tanımı) iki değeri alır, toplar ve üzerine a’nın eleman sayısının toplamını ekler. Bu fonksiyonda kalan parametreler a üzerinden alınır. a değeri 1 elemandan da oluşabilir veya birden fazla elemandan da oluşabilir. Bu işlem içinde üç nokta kullanılmıştır. Son örnekte str değerinin karakterleri […str] yazılarak array’a çevrilmiştir.