Προεπιλεγμένες παράμετροι JavaScript

Σε αυτό το σεμινάριο, θα μάθετε για τις προεπιλεγμένες παραμέτρους JavaScript με τη βοήθεια παραδειγμάτων.

Η έννοια των προεπιλεγμένων παραμέτρων είναι μια νέα δυνατότητα που εισήχθη στην έκδοση ES6 του JavaScript. Αυτό μας επιτρέπει να δώσουμε προεπιλεγμένες τιμές στις παραμέτρους λειτουργίας. Ας πάρουμε ένα παράδειγμα,

 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

Στο παραπάνω παράδειγμα, η προεπιλεγμένη τιμή xείναι 3 και η προεπιλεγμένη τιμή yείναι 5 .

  • sum(5, 15)- Όταν περάσουν και τα δύο ορίσματα, xπαίρνει 5 και yπαίρνει 15 .
  • sum(7)- Όταν το 7 μεταβιβάζεται στη sum()συνάρτηση, xπαίρνει 7 και yπαίρνει την προεπιλεγμένη τιμή 5 .
  • sum()- Όταν δεν περνά κανένα όρισμα στη συνάρτηση sum () , xπαίρνει την προεπιλεγμένη τιμή 3 και yπαίρνει την προεπιλεγμένη τιμή 5 .
Πώς λειτουργούν τα προεπιλεγμένα ορίσματα σε JavaScript

Χρήση των εκφράσεων ως προεπιλεγμένων τιμών

Είναι επίσης δυνατό να παρέχετε εκφράσεις ως προεπιλεγμένες τιμές.

Παράδειγμα 1: Διαβίβαση παραμέτρου ως προεπιλεγμένων τιμών

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

Στο παραπάνω πρόγραμμα,

  • Η προεπιλεγμένη τιμή xείναι 1
  • Η προεπιλεγμένη τιμή yορίζεται στην xπαράμετρο
  • Η προεπιλεγμένη τιμή zείναι το άθροισμα xκαιy

Εάν αναφέρετε την παράμετρο που δεν έχει ακόμη αρχικοποιηθεί, θα λάβετε ένα σφάλμα. Για παράδειγμα,

 function sum( x = y, y = 1 ) ( console.log( x + y); ) sum();
Παραγωγή 
 ReferenceError: Δεν είναι δυνατή η πρόσβαση στο «y» πριν από την προετοιμασία

Παράδειγμα 2: Διαβίβαση τιμής συνάρτησης ως προεπιλεγμένη τιμή

 // 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

Στο παραπάνω πρόγραμμα,

  • 10 μεταφέρεται στη calculate()συνάρτηση.
  • xγίνεται 10, και yγίνεται 150(η συνάρτηση αθροίσματος επιστρέφει 15).
  • Το αποτέλεσμα θα είναι 160.

Πέρασμα απροσδιόριστης τιμής

Στο JavaScript, όταν μεταβείτε undefinedσε μια προεπιλεγμένη συνάρτηση παραμέτρου, η συνάρτηση λαμβάνει την προεπιλεγμένη τιμή. Για παράδειγμα,

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

ενδιαφέροντα άρθρα...