13. Συναρτήσεις (functions) JavaScript

JS Functions


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

Μια συνάρτηση JavaScript εκτελείται όταν “κάτι” την ενεργοποιεί (την καλεί).


Παράδειγμα

function myFunction(p1, p2) {
  return p1 * p2;   // The function returns the product of p1 and p2
}

Δοκιμάστε το »


Σύνταξη συναρτήσεων JavaScript

Μια συνάρτηση JavaScript ορίζεται με τη λέξη-κλειδί function, ακολουθούμενη από ένα όνομα , ακολουθούμενο από παρενθέσεις () .

Οι ονομασίες συναρτήσεων μπορούν να περιέχουν γράμματα, ψηφία, υπογράμμιση και δολάριο (οι ίδιοι κανόνες με τις μεταβλητές).

Οι παρενθέσεις μπορούν να περιλαμβάνουν ονόματα παραμέτρων διαχωρισμένα με κόμματα:
parameter1, parameter2, … )

Ο κώδικας που πρέπει να εκτελεστεί από τη συνάρτηση τοποθετείται μέσα σε άγκιστρα (curly brackets): {}

function name(parameter1, parameter2, parameter3) {
  // code to be executed
}

Οι παράμετροι των συναρτήσεων εμφανίζονται μέσα στις παρενθέσεις () στον ορισμό της συνάρτησης.

Τα ορίσματα (arguments) είναι οι τιμές που λαμβάνονται από τη συνάρτηση κατά την κλήση.

Μέσα στη συνάρτηση, τα arguments (οι παράμετροι) συμπεριφέρονται ως τοπικές μεταβλητές.

Μια συνάρτηση είναι πολύ ίδια με μια διαδικασία ή μια υπορουτίνα (Procedure ή Subroutine) σε άλλες γλώσσες προγραμματισμού.


Ενεργοποίηση συναρτήσεων (Function Invocation)

Ο κώδικας μέσα στη συνάρτηση θα εκτελεστεί όταν “κάτι” ενεργοποιεί (καλεί) τη συνάρτηση:

  • Όταν συμβαίνει ένα γεγονός (όταν ένας χρήστης κάνει κλικ σε ένα κουμπί)
  • Όταν ενεργοποιείται (καλείται) από τον κώδικα JavaScript
  • Αυτόματα (αυτο-επίκληση)

Θα μάθετε πολλά περισσότερα σχετικά με την ενεργοποίηση συναρτήσεων αργότερα σε αυτό το σεμινάριο.


Επιστροφή Συνάρτησης (Function Return)

Όταν η JavaScript φτάσει σε μια δήλωση return, η συνάρτηση θα σταματήσει την εκτέλεση.

Εάν η συνάρτηση ενεργοποιήθηκε από μια δήλωση, η JavaScript θα “επιστρέψει” για να εκτελέσει τον κώδικα μετά την εντολή ενεργοποίησης.

Οι συναρτήσεις συχνά υπολογίζουν μια τιμή επιστροφής . Η τιμή επιστροφής είναι αυτή που επιστρέφει στον “καλούντα”:

Παράδειγμα

Υπολογίζει το γινόμενο δύο αριθμών και επιστρέφει το αποτέλεσμα:

var x = myFunction(4, 3);   // Function is called, return value will end up in x

function myFunction(a, b) {
  return a * b;             // Function returns the product of a and b
}

Το αποτέλεσμα στο x θα είναι:

12

Δοκιμάστε το »


Γιατί συναρτήσεις;

Μπορείτε να επαναχρησιμοποιήσετε τον κώδικα: Καθορίστε τον κώδικα μία φορά και χρησιμοποιήστε τον πολλές φορές.

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

Παράδειγμα

Μετατροπή Φαρενάιτ σε Κελσίου:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

Δοκιμάστε το »


Ο τελεστής () καλεί τη συνάρτηση

Χρησιμοποιώντας το παραπάνω παράδειγμα, το toCelsius αναφέρεται στο αντικείμενο της function και toCelsius() αναφέρεται στο αποτέλεσμα της function.

Η πρόσβαση σε μια συνάρτηση χωρίς () θα επιστρέψει τον ορισμό της function, αντί του αποτελέσματος της συνάρτησης:

Παράδειγμα

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Δοκιμάστε το »


Συναρτήσεις που χρησιμοποιούνται ως μεταβλητές τιμές

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

Παράδειγμα

Αντί να χρησιμοποιήσετε μια μεταβλητή για να αποθηκεύσετε την τιμή επιστροφής μιας συνάρτησης:

var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";

Μπορείτε να χρησιμοποιήσετε τη function απευθείας, ως μεταβλητή τιμή:

var text = "The temperature is " + toCelsius(77) + " Celsius";

Δοκιμάστε το »

Θα μάθετε περισσότερα για τις συναρτήσεις αργότερα σε αυτό το σεμινάριο.


Τοπικές μεταβλητές

Οι μεταβλητές που δηλώνονται μέσα σε μια function JavaScript, γίνονται ΤΟΠΙΚΕΣ (LOCAL) για τη function.

Οι τοπικές μεταβλητές μπορούν να προσπελαστούν μόνο μέσα από τη function.

Παράδειγμα

// code here can NOT use carName

function myFunction() {
  var carName = "Volvo";
  // code here CAN use carName
}

// code here can NOT use carName

Δοκιμάστε το »

Δεδομένου ότι οι τοπικές μεταβλητές αναγνωρίζονται μόνο μέσα στις συναρτήσεις τους, μεταβλητές με το ίδιο όνομα μπορούν να χρησιμοποιηθούν σε διαφορετικές συναρτήσεις.

Οι τοπικές μεταβλητές δημιουργούνται όταν ξεκινά μια function και διαγράφονται όταν ολοκληρωθεί η function.


Δοκιμάστε τον εαυτό σας με τις ασκήσεις

Ασκηση:

Εκτελέστε τη λειτουργία που ονομάζεται myFunction.

λειτουργία myFunction () {
  ειδοποίηση ("Hello World!");
}}
.

Υποβολή απάντησης “

Ξεκινήστε την Άσκηση


Days
Hours
Minutes

13. Συναρτήσεις (functions) JavaScript

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

Αρέσει σε %d bloggers: