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.

Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlacaktır.

8395

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML DİV ve SPAN NEDİR?
  • HTML FORM OLUŞTURMA
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • HTML ARKAPLANA MÜZİK EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML RESİM EKLEME
  • PHP ceil()-floor()-round() YUVARLAMA FONKSİYONU
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.