Συνάρτηση JavaScript

Οι συνάρτησεις JavaScript είναι σχεδιασμένες για να εκτελούν συγκεκριμένες εργασίες.

Οι συνάρτησεις JavaScript εκτελούνται όταν καλείται από κάποιο κώδικα.

instance

function myFunction(p1, p2) {
    return p1 * p2;              // Η συνάρτηση επιστρέφει το γινόμενο των p1 και p2

Προσπαθήστε να το κάνετε μόνοι σας

Γραμματική συνάρτησης JavaScript

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

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

Οι γωνιακές παρενθέσεις μπορεί να περιέχουν παραμέτρους που διαχωρίζονται με κόμματα:

(Παράμετρος 1, Παράμετρος 2, ...)

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

function name(Παράμετρος 1, Παράμετρος 2, Παράμετρος 3) {
    Ο κώδικας που θα εκτελεστεί

Παράμετροι συνάρτησης (Function parameters)Είναι τα ονόματα που αναφέρονται στη διατύπωση της συνάρτησης.

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

Στη συνάρτηση, οι παραμέτρους είναι τοπικές μεταβλητές.

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

Κλήση συνάρτησης

Ο κώδικας μέσα στη συνάρτηση θα εκτελεστεί όταν καλέσει η συνάρτηση άλλο κώδικα:

  • Όταν συμβεί το συμβάν (όταν ο χρήστης κάνει κλικ στο κουμπί)
  • When JavaScript code is called
  • Automatic (self-invoking)

You will learn more about function calls in this tutorial.

function returns

When JavaScript reaches return statement, the function will stop executing.

If a function is called by a statement, JavaScript will 'return' execution code after the call statement.

Functions usually calculateReturn valueThis returned value will be returned to the caller:

instance

Calculate the product of two numbers and return the result:

var x = myFunction(7, 8);        // Call the function, and the returned value is assigned to x
function myFunction(a, b) {
    return a * b;                // The function returns the product of a and b

The result of x will be:

56

Προσπαθήστε να το κάνετε μόνοι σας

Why use functions?

You can reuse code: once defined, the code can be used multiple times.

You can pass different parameters to the same function multiple times to produce different results.

instance

Convert Fahrenheit to Celsius:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);

document.getElementById("demo").innerHTML = toCelsius(77);

Προσπαθήστε να το κάνετε μόνοι σας

() operator calls the function

Using the above example,toCelsius It refers to the function object, whereas toCelsius() It refers to the function result.

instance

Accessing a function without () returns the function definition:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);

document.getElementById("demo").innerHTML = toCelsius;

Προσπαθήστε να το κάνετε μόνοι σας

Functions used as variable values

The usage of functions is consistent with variables, in all types of formulas, assignments, and calculations.

instance

Use variables to store function values:

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

You can use functions as variable values directly:

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

Προσπαθήστε να το κάνετε μόνοι σας

You will learn more about functions in this tutorial.

Local variables

Variables declared within a JavaScript function become the function'sLocal variables.

Local variables can only be accessed within the function.

instance

// Το κώδικας σε αυτό το σημείο δεν μπορεί να χρησιμοποιήσει το carName
function myFunction() {
    var carName = "Volvo";
    // Το κώδικας σε αυτό το σημείο μπορεί να χρησιμοποιήσει το carName

// Το κώδικας σε αυτό το σημείο δεν μπορεί να χρησιμοποιήσει το carName

Προσπαθήστε να το κάνετε μόνοι σας

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

Οι τοπικές μεταβλητές δημιουργούνται στη στιγμή που ξεκινά η συνάρτηση και διαγράφονται όταν ολοκληρώνεται η συνάρτηση.

βιβλία εκπαιδευτικού ενδιαφέροντος

Για περισσότερες πληροφορίες σχετικά με Συνάρτηση JavaScriptΓια περισσότερες πληροφορίες, παρακαλώ διαβάστε το σχετικό περιεχόμενο στο πρόγραμμα JavaScript ανώτερης βαθμίδας:

Εισαγωγή στις ECMAScript functions
Αυτή η ενότητα εξηγεί τη θεωρία της συνάρτησης, πώς η ECMAScript δηλώνει και καλεί τις συναρτήσεις, και πώς οι συναρτήσεις επιστρέφουν τιμή.
Ο αντικείμενο arguments της ECMAScript
Αυτή η ενότητα παρουσιάζει τη βασική χρήση αυτού του αντικειμένου και εξηγεί πώς να χρησιμοποιήσετε την ιδιότητα length για να καθορίσετε τον αριθμό των παραμέτρων της συνάρτησης και να μιμηθούν την υπερφόρτωση συνάρτησης.
Ο αντικείμενο Function της ECMAScript (κλάση)
Αυτή η ενότητα εξηγεί πώς να δημιουργήσετε μια συνάρτηση χρησιμοποιώντας την κλάση Function και μετά παρουσιάζει τις ιδιότητες και τα μέθοδα του αντικειμένου Function.
Κλείδα (closure) της ECMAScript
Αυτή η ενότητα εξηγεί τη θεωρία της κλειδιάς (closure) και παρουσιάζει δύο παραδείγματα, ένα απλό και ένα πιο σύνθετο.