javascript ES-6 Default Parameters (Varsayılan Parametreler)

javascript'de, fonksiyon parametreleri için varsayılan değerleri tanımlamak mümkündür. Tanımlanan varsayılan değere sahip bir parametre isteğe bağlı hale gelir - geliştirici bir fonksiyon çağrısı yazarken bunu atlayabilir.

Varsayılan parametre değerleri 2015 yılında ES2015(ES6)'de tanıtılmıştır ve modern tarayıcılarda yaygın olarak uygulanır.

Bir değere sahip bir parametre başlatmazsanız, parametrenin varsayılan değeri tanımsızdır.

varsayalı parametre yokken kullanımı:

Geleneksel olarak, bir fonksiyon bağımsız değişkeni için bir varsayılan ayarlamak için, önceden ayarlanmamışsa, bir değişken, değişkenini yeniden tanımlamanız gerekir.

function Test(sayi){

    console.log(sayi);
}
Test();

Test fonksiyonu çağırırken herhangi bir parametre atamazsanız , bu nedenle "sayi" değişkeninin varsayılan değeri undefined olarak ayarlanır . Ancak, bazen tanımsız dışında bir varsayılan değer ayarlamak isteyebilirsiniz . Geçmişte, bunu bir kaç yöntemle yapılırdı. if deyimi ile undefined parametre değerini test etmek ve ardından bir değer atamaktı. or ( || ) yöntemi ile bir değişken, değişkenini yeniden tanımlamanız gerekir.

function Test(a,b,c) {
    a=a||1; 

    b=b||2;

    c=c||3;

    console.log(a,b,c);
}

Test(); //1 2 3

ECMAScript 2015(ES6), fonksiyon için varsayılan parametreleri özelliği ekledi. ECMA 2015'in varsayılan parametre özelliklerini kullanarak, tanımsız bir parametre değerini kontrol etmeniz gerekmez. Şimdi, parametrenin kendisinde varsayılan değer olarak "10 ,15, 20" ekleyebilirsiniz. Aşağıda gösterilen varsayılan değeri kullanmak için yukarıdaki fonksiyonu yeniden yazabilirsiniz:

function Test(a=10, b=15, c=20) {
    
    console.log(a,b,c); 
}

Test(); //10, 15, 20

fonksiyonlara argüman gönderdiğimizde gönderdiğimiz değer işleme alınacaktır.

 function Test(a=30) {
    
    console.log(a);
}

Test(100); //100   

Başka bir örnek:

function Test(a="php") {
    
    console.log(a);
}

Test("css"); //css

Tanımsız Parametreleri Kontrol Etme

function Test(sayi=10) {

    console.log(sayi);//10
}
Test(undefined);

Yukarıdaki kodda, "sayi" değeri olarak undefined(tanımsız) atıyoruz; Sayi değeri varsayılan değer 10 olarak ayarlanacaktır.

Varsayılan Parametreleri Yeniden Kullanma

Varsayılan parametreler daha sonra varsayılan parametreler tarafından kullanılabilir. Aşağıda örneği inceleyelim.

function Test(num1 = 10, num2 = num1 + 8){

    console.log(num2); //18
}
Test();

Yukarıdaki kodda, num1'in varsayılan değeri num2'nin varsayılan değerini hesaplamak için kullanılır.

Sonuç:

Bir fonksiyon yazarken, JavaScript varsayılan parametresi çok kullanışlıdır. Fonksiyonu çağırırken, bir parametre eksikse, varsayılan parametre özelliği, tanımlanmamış bırakmak yerine, fonksiyon parametresine varsayılan bir değer atamanıza izin verir.