Funkcje JavaScript

JavaScriptowe funkcje są projektowane do wykonywania specyficznych zadań jako bloki kodu.

JavaScriptowe funkcje są wykonywane, gdy są wywoływane przez inne kod.

przykład

function myFunction(p1, p2) {
    return p1 * p2;              // Funkcja zwraca iloczyn p1 i p2
}

Spróbuj sam

Gramatyka funkcji JavaScript

JavaScriptowe funkcje są definiowane przez function jest zdefiniowana za pomocą kluczowego słowa, po którym następujeNazwa funkcjii nawiasami ().

Nazwa funkcji może zawierać litery, cyfry, znaki podkreślenia i znak dolnego mianownika (zasady są takie same jak nazwy zmiennych).

Kwadratowe nawiasy mogą zawierać parametry oddzielone przecinkami:

(Parametr 1, Parametr 2, ...)

Kod wykonywany przez funkcję umieszczany jest w nawiasach klamrowych:{}

function name(Parametr 1, Parametr 2, Parametr 3) {
    kod do wykonania
}

Parametry funkcji (Function parameters)są nazwami wymienionymi w definicji funkcji.

Parametry funkcji (Function arguments)jest rzeczywistą wartością, którą funkcja odbiera podczas wywołania:Wartość。

W funkcji, parametry są zmiennymi lokalnymi.

W innych językach programowania funkcje są podobne do procedur (Procedure) lub podprocedur (Subroutine).

Wywołanie funkcji

Kod w funkcji zostanie wykonany, gdy inny kod wywoła tą funkcję:

  • Kiedy zdarzenie się zdarza (kiedy użytkownik kliknie przycisk)
  • kiedy skrypt JavaScript jest wywoływany
  • automatyczne (samowyzwzywane)

nauczysz się więcej o wywoływaniu funkcji w tym kursie.

funkcja zwróci

kiedy JavaScript dojdzie do return polecenie, funkcja zatrzyma wykonywanie.

jeśli funkcja zostanie wywołana przez jakieś polecenie, JavaScript "powróci" do wykonywania kodu po poleceniu wywołania.

funkcja zazwyczaj obliczazwrócony wynikten zwrócony wynik zostanie zwrócony do wywołującego:

przykład

oblicz iloraz dwóch liczb i zwróć wynik:

var x = myFunction(7, 8);        // wywołanie funkcji, wartość zwrócona przypisana do x
function myFunction(a, b) {
    return a * b;                // funkcja zwraca iloraz a i b
}

wynik x będzie:

56

Spróbuj sam

dlaczego używać funkcji?

możesz powtarzać użycie kodu: wystarczy zdefiniować kod raz, aby można go było wielokrotnie używać.

możesz przekazywać różne parametry do tej samej funkcji, aby uzyskać różne wyniki.

przykład

przekształć stopnie 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żyj powyższego przykładu,toCelsius odnosi się do obiektu funkcji, a toCelsius() odnosi się do wyniku funkcji.

przykład

odwołanie do funkcji bez () zwróci definicję funkcji:

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

Spróbuj sam

funkcje jako wartości zmiennych

użycie funkcji jest zgodne z użyciem zmiennych, w wszystkich typach równań, przypisań i obliczeń.

przykład

używaj zmiennych do przechowywania wartości funkcji:

var x = toCelsius(77);
var text = "Temperatura to " + x + " stopni Celsjusza";

możesz używać funkcji jako wartości zmiennej bezpośrednio:

var text = "Temperatura to " + toCelsius(77) + " stopni Celsjusza";

Spróbuj sam

nauczysz się więcej o funkcjach w tym kursie.

lokalne zmienne

zmienne deklarowane w JavaScript funkcji stają sięlokalne zmienne。

lokalne zmienne są dostępne tylko wewnątrz funkcji.

przykład

// Kod w tym miejscu nie może używać carName
function myFunction() {
    var carName = "Volvo";
    // Kod w tym miejscu może używać carName
}
// Kod w tym miejscu nie może używać carName

Spróbuj sam

Ponieważ lokalne zmienne są rozpoznawane tylko przez swoją funkcję, można używać tych samych nazw zmiennych w różnych funkcjach.

Lokalne zmienne są tworzone na początku funkcji i usuwane po zakończeniu funkcji.

książki podręcznikowej

Dla więcej informacji na temat Funkcje JavaScriptDla więcej informacji, przeczytaj odpowiednie sekcje w zaawansowanym tutorialze JavaScript:

Przegląd funkcji ECMAScript
Ten dział wyjaśnia koncept funkcji, jak ECMAScript deklaruje i wywołuje funkcje oraz jak funkcje zwracają wartości.
Obiekt arguments w ECMAScript
Ten dział wprowadza podstawowe użycie tego obiektu i wyjaśnia, jak używać atrybutu length do określenia liczby argumentów funkcji oraz jak symulować overload funkcji.
Obiekt Function w ECMAScript (klasa)
Ten dział wyjaśnia, jak tworzyć funkcje za pomocą klasy Function, a następnie przedstawia atrybuty i metody obiektu Function.
Zamknięcia (closure) w ECMAScript
Ten dział wyjaśnia koncept zamknięć (closure) i pokazuje dwa przykłady: prosty i bardziej złożony.