funkcja JavaScript
Przykład
Zadeklaruj funkcję, która wyprowadza „Hello World”, gdy zostanie wywołana:
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
Więcej przykładów poniżej.
Definicja i użycie
Instrukcja function
deklaruje funkcję.
Zadeklarowana funkcja jest "zapisana do późniejszego użycia" i zostanie wykonana później, gdy zostanie wywołana (wywołana).
W JavaScript funkcje są obiektami i mają zarówno właściwości, jak i metody.
Funkcję można również zdefiniować za pomocą wyrażenia (zobacz Definicje funkcji ).
Przeczytaj nasz samouczek JavaScript, aby dowiedzieć się wszystkiego, co musisz wiedzieć o funkcjach. Zacznij od rozdziału wprowadzającego o funkcjach i zakresie JavaScript . Aby uzyskać bardziej szczegółowe informacje, zobacz naszą sekcję dotyczącą funkcji na temat definicji funkcji , parametrów , wywoływania i zamykania .
Zobacz też:
Składnia
function functionName(parameters) {
code to be executed
}
Parametry
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
Więcej przykładów
Zwróć wartość PI:
function myFunction() {
return Math.PI;
}
Zwróć produkt a i b:
function myFunction(a, b) {
return a * b;
}
Funkcja z różnymi argumentami może dawać różne wyniki.
Przelicz stopnie Fahrenheita na stopnie Celsjusza:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
Funkcje mogą być używane jako zmienne.
Zamiast:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Możesz użyć:
text = "The temperature is " + toCelsius(32) + " Centigrade";
Funkcje JavaScript mają wbudowany obiekt zwany argumentami.
Właściwość arguments.length zwraca liczbę argumentów odebranych przez funkcję:
function myFunction(a, b) {
return arguments.length;
}
Kliknij, aby wywołać funkcję, która wyprowadza „Hello World”:
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Gdy wyrażenie funkcji jest przechowywane w zmiennej, zmienna zawiera funkcję:
const x = function (a, b) {return a * b};
Gdy funkcja jest przechowywana w zmiennej, zmienna może być używana jako funkcja:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Powiązane strony
Samouczek JavaScript: funkcje JavaScript
Samouczek JavaScript: zakres JavaScript
Samouczek JavaScript: Definicje funkcji JavaScript
Samouczek JavaScript: parametry funkcji JavaScript
Samouczek JavaScript: wywoływanie funkcji JavaScript
Samouczek JavaScript: zamknięcia funkcji JavaScript
JavaScript Reference: JavaScript return oświadczenie
Obsługa przeglądarki
function
to funkcja ECMAScript1 (ES1).
ES1 (JavaScript 1997) jest w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |