Συναρτήσεις JavaScript και εκφράσεις συναρτήσεων (με παραδείγματα)

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

Λειτουργία JavaScript

Μια συνάρτηση είναι ένα μπλοκ κώδικα που εκτελεί μια συγκεκριμένη εργασία.

Ας υποθέσουμε ότι πρέπει να δημιουργήσετε ένα πρόγραμμα για να δημιουργήσετε έναν κύκλο και να το χρωματίσετε. Μπορείτε να δημιουργήσετε δύο συναρτήσεις για την επίλυση αυτού του προβλήματος:

  • μια συνάρτηση για να σχεδιάσετε τον κύκλο
  • μια συνάρτηση χρωματισμού του κύκλου

Ο διαχωρισμός ενός πολύπλοκου προβλήματος σε μικρότερα κομμάτια καθιστά το πρόγραμμά σας εύκολο να κατανοηθεί και να επαναχρησιμοποιηθεί.

Το JavaScript έχει επίσης τεράστιο αριθμό ενσωματωμένων λειτουργιών. Για παράδειγμα, Math.sqrt()είναι μια συνάρτηση για τον υπολογισμό της τετραγωνικής ρίζας ενός αριθμού.

Σε αυτό το σεμινάριο, θα μάθετε για τις λειτουργίες που καθορίζονται από το χρήστη.

Δήλωση μιας συνάρτησης

Η σύνταξη για να δηλώσετε μια συνάρτηση είναι:

 function nameOfFunction () ( // function body )
  • Μια συνάρτηση δηλώνεται χρησιμοποιώντας τη functionλέξη-κλειδί.
  • Οι βασικοί κανόνες ονομασίας μιας συνάρτησης είναι παρόμοιοι με την ονομασία μιας μεταβλητής. Είναι καλύτερα να γράψετε ένα περιγραφικό όνομα για τη λειτουργία σας. Για παράδειγμα, εάν μια συνάρτηση χρησιμοποιείται για την προσθήκη δύο αριθμών, μπορείτε να ονομάσετε τη συνάρτηση addή addNumbers.
  • Το σώμα της λειτουργίας είναι γραμμένο μέσα ().

Για παράδειγμα,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Κλήση μιας συνάρτησης

Στο παραπάνω πρόγραμμα, έχουμε δηλώσει μια συνάρτηση που ονομάζεται greet(). Για να χρησιμοποιήσουμε αυτήν τη λειτουργία, πρέπει να την ονομάσουμε.

Δείτε πώς μπορείτε να καλέσετε την παραπάνω greet()συνάρτηση.

 // function call greet();
Εργασία μιας συνάρτησης σε JavaScript

Παράδειγμα 1: Εμφάνιση κειμένου

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Παραγωγή

 Γειά σου!

Παράμετροι λειτουργίας

Μια συνάρτηση μπορεί επίσης να δηλωθεί με παραμέτρους. Μια παράμετρος είναι μια τιμή που διαβιβάζεται κατά τη δήλωση μιας συνάρτησης.

Εργασία της λειτουργίας JavaScript με παράμετρο

Παράδειγμα 2: Λειτουργία με παράμετροι

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Παραγωγή

 Εισαγάγετε ένα όνομα: Simon Hello Simon :)

Στο παραπάνω πρόγραμμα, η greetσυνάρτηση δηλώνεται με μια nameπαράμετρο. Ο χρήστης ζητείται να εισαγάγει ένα όνομα. Στη συνέχεια, όταν καλείται η συνάρτηση, ένα όρισμα μεταφέρεται στη συνάρτηση.

Σημείωση : Όταν μια τιμή μεταβιβάζεται κατά τη δήλωση μιας συνάρτησης, ονομάζεται παράμετρος . Και όταν καλείται η συνάρτηση, η τιμή που μεταβιβάζεται ονομάζεται όρισμα .

Παράδειγμα 3: Προσθήκη δύο αριθμών

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Παραγωγή

 7 11

Στο παραπάνω πρόγραμμα, η addσυνάρτηση χρησιμοποιείται για να βρει το άθροισμα των δύο αριθμών.

  • Η συνάρτηση δηλώνεται με δύο παραμέτρους aκαι b.
  • Η συνάρτηση καλείται χρησιμοποιώντας το όνομά της και περνώντας δύο ορίσματα 3 και 4 σε ένα και 2 και 9 σε ένα άλλο.

Παρατηρήστε ότι μπορείτε να καλέσετε μια συνάρτηση όσες φορές θέλετε. Μπορείτε να γράψετε μια συνάρτηση και στη συνέχεια να την καλέσετε πολλές φορές με διαφορετικά ορίσματα.

Επιστροφή λειτουργίας

Η returnδήλωση μπορεί να χρησιμοποιηθεί για να επιστρέψει την τιμή σε μια κλήση συνάρτησης.

Η returnδήλωση δηλώνει ότι η συνάρτηση έχει τελειώσει. Οποιοσδήποτε κωδικός μετά returnδεν εκτελείται.

Εάν δεν επιστραφεί τίποτα, η συνάρτηση επιστρέφει μια undefinedτιμή.

Εργασία της λειτουργίας JavaScript με δήλωση επιστροφής

Παράδειγμα 4: Άθροισμα δύο αριθμών

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Παραγωγή

 Εισαγάγετε τον πρώτο αριθμό: 3.4 Εισαγάγετε τον δεύτερο αριθμό: 4 Το άθροισμα είναι 7,4

Στο παραπάνω πρόγραμμα, το άθροισμα των αριθμών επιστρέφεται από τη συνάρτηση χρησιμοποιώντας τη returnδήλωση. Και αυτή η τιμή αποθηκεύεται στη μεταβλητή αποτελέσματος.

Οφέλη από τη χρήση μιας λειτουργίας

  • Η λειτουργία καθιστά τον κώδικα επαναχρησιμοποιήσιμο. Μπορείτε να το δηλώσετε μία φορά και να το χρησιμοποιήσετε πολλές φορές.
  • Η λειτουργία διευκολύνει το πρόγραμμα καθώς κάθε μικρή εργασία χωρίζεται σε μια συνάρτηση.
  • Η λειτουργία αυξάνει την αναγνωσιμότητα.

Εκφράσεις συναρτήσεων

Στο Javascript, οι συναρτήσεις μπορούν επίσης να οριστούν ως εκφράσεις. Για παράδειγμα,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Παραγωγή

 16 9

Στο παραπάνω πρόγραμμα, η μεταβλητή x χρησιμοποιείται για την αποθήκευση της συνάρτησης. Εδώ η συνάρτηση αντιμετωπίζεται ως έκφραση. Και η συνάρτηση καλείται χρησιμοποιώντας το όνομα της μεταβλητής.

Η παραπάνω συνάρτηση ονομάζεται ανώνυμη συνάρτηση.

Σημείωση: Στο ES2015, οι εκφράσεις JavaScript γράφονται ως λειτουργίες βέλους. Θα μάθετε για αυτά σε επόμενα μαθήματα.

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