Υποενότητα 6.1: Συναρτήσεις JavaScript

Prerequisites for this submodule

You have to study the following educational material before starting this submodule:

Simple JavaScript file:

• Where do we put JavaScript code in the HTML code;
• Variables
• Developer tools (console)
• The functions "alert" and "prompt"

Making decisions

• Comparison operators
• If statements
• Logical operators

Τι είναι συναρτήσεις - functions

Μπορείτε να φανταστείτε τις λειτουργίες ως ένα μπλοκ κώδικα που είναι εύκολα επαναχρησιμοποιήσιμο και χρησιμοποιείται για να εκτελέσει μια συγκεκριμένη εργασία.

Η χρήση των συναρτήσεων - functions μας επιτρέπει να γράφουμε αρθρωτό - modularized κώδικα.

Όπως γνωρίζουμε, οι συναρτήσεις γενικά ορίζονται ως  : Function myFuncname (){my code}

Ο κώδικας μέσα στις αγκύλες - curly brackets είναι ο κώδικας που θα εκτελεστεί όταν καλείται η συνάρτηση

Άσκηση

Ακολουθήστε τους επόμενους συνδέσμους και συμπληρώστε τις απαραίτητες περιοχές. Όταν τελειώσετε, κάντε δεξί κλικ, επιλέξτε "inspect" και κάντε κλικ στην καρτέλα "Sources". Στη συνέχεια, δεξιά στο αρχείο HTML θα δείτε τον κώδικα:

  Event calls function

  A function calls another function

Παράμετροι - Parameters και Ορίσματα - Arguments

Συχνά θα βρείτε τους όρους όρισμα και παράμετρος να χρησιμοποιούνται εναλλακτικά.

Ωστόσο, εδώ θα προσπαθήσουμε να εξηγήσουμε τη διαφορά τους.

Όταν δηλώνουμε μια συνάρτηση, το κείμενο μέσα στην παρένθεση ονομάζεται παράμετρος. Μια συνάρτηση μπορεί να έχει μία ή περισσότερες παραμέτρους.

Παράδειγμα: Function myFuncname (myParameter1, myParameter2){}

Μέσα στη συνάρτηση, οι παράμετροι συμπεριφέρονται ως τοπικές μεταβλητές - local variables. Όλοι οι συνήθεις κανόνες μεταβλητών ισχύουν για αυτές τις μεταβλητές.

Προκειμένου να εκτελεστεί μια συνάρτηση, πρέπει να την καλέσουμε. Για να καλέσουμε μια συνάρτηση που περιέχει μια παράμετρο γράφουμε:

myFuncname (myArgument1, myArgument2);

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

Τα ορίσματα είναι οι πραγματικές τιμές που θα μεταβιβαστούν στη συνάρτηση.

Άσκηση

Ακολουθήστε τους επόμενους συνδέσμους και συμπληρώστε τις απαραίτητες περιοχές. Όταν τελειώσετε, κάντε δεξί κλικ, επιλέξτε "inspect" και κάντε κλικ στην καρτέλα "Sources". Στη συνέχεια, δεξιά στο αρχείο HTML θα δείτε τον κώδικα:

  Parameters and arguemnts

Επιστροφή - Απόδοση τιμής - Return

Η επιστροφή - απόδοση τιμής - Return είναι μια άλλη σημαντική δήλωση στις συναρτήσεις. Η επιστροφή κάνει ό, τι προτείνει το όνομά της, επιστρέφει- αποδίδει μια τιμή (number, Boolean, string). Ένα παράδειγμα της χρήσης επιστροφής είναι:

Function myFuncname (myFirstnum, mySecondnum) {
return  myFirstnum + mySecondnum;
}
// here we call the function and assign it to a variable
var sum = myFuncname(2,4);
// you can use console.log to see the result of the return statement
console.log (sum);

Σημειώστε ότι οι παράμετροι (myFirstnum, mySecondnum) είναι αυτές που "ενημερώνουν" τη συνάρτηση ότι πρόκειται να λάβει δύο ορίσματα, τα οποία στην περίπτωση αυτή είναι 2 και 4. Αν αντί δύο ορισμάτων είχαμε γράψει ένα ή περισσότερα από δύο, η κονσόλα θα μας έχει δώσει ένα μήνυμα σφάλματος.

Άσκηση

Ακολουθήστε τους επόμενους συνδέσμους και συμπληρώστε τις απαραίτητες περιοχές. Όταν τελειώσετε, κάντε δεξί κλικ, επιλέξτε "inspect" και κάντε κλικ στην καρτέλα "Sources". Στη συνέχεια, δεξιά στο αρχείο HTML θα δείτε τον κώδικα:

  Function returns value

Περαιτέρω μελέτη

Δείτε περισσότερα σχετικά με τις συναρτήσεις στο  W3Schools https://www.w3schools.com/js/js_functions.asp