JavaScript Varsayılan Parametreleri

Bu eğiticide, örnekler yardımıyla JavaScript varsayılan parametreleri hakkında bilgi edineceksiniz.

Varsayılan parametreler kavramı , JavaScript'in ES6 sürümünde sunulan yeni bir özelliktir . Bu, fonksiyon parametrelerine varsayılan değerler vermemizi sağlar. Bir örnek alalım

 function sum(x = 3, y = 5) ( // return sum return x + y; ) console.log(sum(5, 15)); // 20 console.log(sum(7)); // 12 console.log(sum()); // 8

Yukarıdaki örnekte, bir varsayılan değer xolan 3 ve varsayılan değeri yolan 5 .

  • sum(5, 15)- Her iki argüman iletildiğinde, xalır 5 ve yalır 15 .
  • sum(7)- Ne zaman 7 geçirilir sum()fonksiyonu, xsürer 7 ve yvarsayılan değerini alır 5 .
  • sum()- sum () işlevine hiçbir argüman iletilmediğinde , xvarsayılan değer 3'ü ve yvarsayılan değer 5'i alır .
Varsayılan bağımsız değişkenler JavaScript'te nasıl çalışır?

İfadeleri Varsayılan Değerler Olarak Kullanma

İfadeleri varsayılan değerler olarak sağlamak da mümkündür.

Örnek 1: Parametreyi Varsayılan Değerler Olarak Geçirme

 function sum(x = 1, y = x, z = x + y) ( console.log( x + y + z ); ) sum(); // 4

Yukarıdaki programda,

  • Varsayılan değeri xolan 1
  • Varsayılan değeri parametre yolarak ayarlanmıştırx
  • Varsayılan değeri ztoplamıdır xvey

Henüz başlatılmamış parametreye başvurursanız, bir hata alırsınız. Örneğin,

 function sum( x = y, y = 1 ) ( console.log( x + y); ) sum();
Çıktı 
 Referans Hatası: Başlatmadan önce 'y'ye erişilemez

Örnek 2: Fonksiyon Değerini Varsayılan Değer Olarak Geçirme

 // using a function in default value expression const sum = () => 15; const calculate = function( x, y = x * sum() ) ( return x + y; ) const result = calculate(10); console.log(result); // 160

Yukarıdaki programda,

  • 10calculate() fonksiyona geçilir .
  • xolur 10ve yolur 150(toplam işlevi döner 15).
  • Sonuç olacak 160.

Tanımsız Değer Geçirme

JavaScript'te, undefinedbir varsayılan parametre işlevine geçtiğinizde , işlev varsayılan değeri alır. Örneğin,

 function test(x = 1) ( console.log(x); ) // passing undefined // takes default value 1 test(undefined); // 1

Ilginç makaleler...