Funkcje JavaScript
Funkcja JavaScript to blok kodu przeznaczony do wykonania określonego zadania.
Funkcja JavaScript jest wykonywana, gdy "coś" ją wywołuje (wywołuje to).
Przykład
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Składnia funkcji JavaScript
Funkcja JavaScript jest definiowana za pomocą functionsłowa kluczowego, po którym następuje nazwa , a następnie nawiasy () .
Nazwy funkcji mogą zawierać litery, cyfry, podkreślenia i znaki dolara (takie same reguły jak zmienne).
Nawiasy mogą zawierać nazwy parametrów oddzielone przecinkami:
( parametr1, parametr2, ... )
Kod do wykonania, przez funkcję, jest umieszczony w nawiasach klamrowych: {}
function
name(parameter1, parameter2, parameter3) {
// code to be executed
}
Parametry funkcji są wymienione w nawiasach () w definicji funkcji.
Argumenty funkcji to wartości otrzymane przez funkcję podczas jej wywołania.
Wewnątrz funkcji argumenty (parametry) zachowują się jak zmienne lokalne.
Funkcja jest bardzo podobna do procedury lub podprogramu w innych językach programowania.
Wywołanie funkcji
Kod wewnątrz funkcji zostanie wykonany, gdy „coś” wywoła ( wywoła ) funkcję:
- Kiedy nastąpi zdarzenie (gdy użytkownik kliknie przycisk)
- Kiedy jest wywoływany (wywoływany) z kodu JavaScript
- Automatycznie (wywoływany samodzielnie)
Dużo więcej o wywoływaniu funkcji dowiesz się w dalszej części tego samouczka.
Funkcja Powrót
Kiedy JavaScript dotrze do returninstrukcji, funkcja przestanie się wykonywać.
Jeśli funkcja została wywołana z instrukcji, JavaScript "powróci", aby wykonać kod po instrukcji wywołującej.
Funkcje często obliczają wartość zwracaną . Zwracana wartość jest „zwracana” z powrotem do „rozmówcy”:
Przykład
Oblicz iloczyn dwóch liczb i zwróć wynik:
let 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 następujący:
12
Dlaczego funkcje?
Możesz ponownie użyć kodu: Zdefiniuj kod raz i używaj go wiele razy.
Możesz użyć tego samego kodu wiele razy z różnymi argumentami, aby uzyskać różne wyniki.
Przykład
Przelicz stopnie Fahrenheita na stopnie Celsjusza:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Operator () wywołuje funkcję
Korzystając z powyższego przykładu, toCelsiusodnosi się do obiektu funkcji i
toCelsius()odnosi się do wyniku funkcji.
Dostęp do funkcji bez () zwróci obiekt funkcji zamiast wyniku funkcji.
Przykład
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Funkcje używane jako wartości zmienne
Funkcji można używać w taki sam sposób, jak zmiennych, we wszystkich typach formuł, przypisań i obliczeń.
Przykład
Zamiast używać zmiennej do przechowywania wartości zwracanej przez funkcję:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
Możesz użyć funkcji bezpośrednio, jako wartości zmiennej:
let text = "The temperature is " + toCelsius(77) + " Celsius";
Dużo więcej o funkcjach dowiesz się w dalszej części tego samouczka.
Zmienne lokalne
Zmienne zadeklarowane w funkcji JavaScript stają się LOKALNE dla funkcji.
Dostęp do zmiennych lokalnych można uzyskać tylko z poziomu funkcji.
Przykład
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
}
// code here can NOT use carName
Ponieważ zmienne lokalne są rozpoznawane tylko wewnątrz swoich funkcji, zmienne o tej samej nazwie mogą być używane w różnych funkcjach.
Zmienne lokalne są tworzone podczas uruchamiania funkcji i usuwane po zakończeniu funkcji.