Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript Funkcje


Funkcja JavaScript jest blok kodu przeznaczone do wykonywania określonego zadania.

Funkcja JavaScript jest wykonywany, gdy "coś" wywołuje go (ją nazywa).


Przykład

function myFunction(p1, p2) {
    return p1 * p2;              // The function returns the product of p1 and p2
}
Spróbuj sam "

Składnia funkcji JavaScript

Funkcja JavaScript jest zdefiniowana z function słowa kluczowego, a następnie nazwy, a następnie w nawiasach () .

Nazwy funkcji mogą zawierać litery, cyfry, podkreślenia i znaki dolara (te same zasady jak zmienne).

Nawiasy mogą obejmować nazwy parametrów oddzielonych przecinkami:
(Parametr1, parametr2, ...)

Kod do wykonania, przez funkcję, jest umieszczony wewnątrz nawiasów klamrowych: {}

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

Parametry funkcji są nazwy wymienione w definicji funkcji.

Argumenty funkcji są rzeczywiste wartości otrzymane przez funkcję, gdy jest wywoływany.

Wewnątrz funkcji, argumenty zachowywać jak zmienne lokalne.

Funkcja jest taka sama jak procedura lub podprogram, w innych językach programowania.


Inwokacja funkcja

Kod wewnątrz funkcji będzie wykonywał, kiedy "coś" wywołuje (połączenia) Funkcja:

  • W przypadku wystąpienia zdarzenia (gdy użytkownik kliknie przycisk)
  • Gdy jest on wywoływany (nazywa) z kodu JavaScript
  • Automatycznie (self wywoływany)

Dowiesz się dużo więcej o wywołaniu funkcji w dalszej części tego podręcznika.


funkcja Powrót

Gdy osiągnie JavaScript instrukcji return, funkcja zatrzymania wykonywany.

Jeśli funkcja została wywołana z oświadczeniem, JavaScript będzie "powrót" do wykonania kodu po instrukcji wywołującego.

Funkcje często obliczyć wartość zwracaną. Zwracana jest wartość "zwróciło" z powrotem do "rozmówcy":

Przykład

Oblicz iloczyn dwóch liczb i zwraca wynik:

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
}

Wynik w X będzie:

12
Spróbuj sam "

Dlaczego funkcje?

Można ponownie użyć kodu: Definiowanie kodu raz, i używać go wielokrotnie.

Można użyć tego samego kodu wielokrotnie z różnymi argumentami, aby uzyskać różne rezultaty.

Przykład

Konwersja Fahrenheita na stopnie Celsjusza:

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

() Operator wywołuje funkcję

Używając powyższego przykładu, toCelsius odnosi się do obiektu funkcji i toCelsius() odnosi się do związku funkcyjnego.

Przykład

Dostęp do funkcji bez () zwróci definicję funkcji:

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

Funkcje używane jako zmienne

W JavaScript można użyć funkcji w taki sam sposób, jak używać zmiennych.

Przykład

Możesz użyć:

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

Zamiast:

var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
Spróbuj sam "

Dowiesz się dużo więcej o funkcjach w dalszej części tego podręcznika.


Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4» Zadanie 5 »