Znak function w JavaScript

Definicja i użycie

Znak function deklaruje funkcję.

Deklarowane funkcje są "zachowywane na przyszłość" i będą wykonywane w momencie późniejszego wywołania.

W JavaScript funkcje są obiektami, które jednocześnie mają atrybuty i metody.

Funkcje można również zdefiniować za pomocą wyrażenia (zobacz definicję funkcji).

Proszę przeczytać nasz tutorial JavaScript, aby dowiedzieć się wszystkiego o funkcjach, czego potrzebujesz. Zacznij od rozdziałów o funkcjach JavaScript i zakresie JavaScript. Aby uzyskać więcej szczegółów, przeczytaj nasze tutorialy o definicji funkcji, argumentach, wywołaniu i kapsułkach.

Wskazówka:Proszę użyć polecenia return, aby zwrócić wartość z funkcji.

Przykład

Deklaruj funkcję i wyświetl "Hello World" w elemencie o id="demo" podczas wywołania tej funkcji:

function myFunction() { // deklaracja funkcji
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // wywołanie funkcji

Spróbuj sam

Poniżej znajdują się więcej przykładów TIY.

Gramatyka

function functionName(parameters) {
  kod do wykonania
}

Wartość argumentu

Argument Opis
functionName Wymagane. Określa nazwę funkcji, którą można "zachować na przyszłość". Nazwa funkcji może zawierać litery, cyfry, podkreślenia i znak dolara (zasady są takie same jak dla zmiennych).
parameters

Opcjonalne. Określ zestaw zero lub więcej nazw argumentów, oddzielonych przecinkami.

Argumenty funkcji to nazwy wymienione w definicji funkcji.

Argumenty funkcji to rzeczywiste wartości otrzymywane przez funkcję podczas wywołania. Wewnątrz funkcji, argumenty są używane jako zmienne lokalne.

Komentarz:Jeśli brakuje argumentów w momencie wywołania funkcji, wartość brakującego argumentu zostanie ustawiona na undefined.

Techniczne szczegóły

Wersja JavaScript: ECMAScript 1

Więcej przykładów

Przykład

Zwraca wartość PI:

function myFunction() {
  return Math.PI;
}

Spróbuj sam

Przykład

Zwraca iloczyn a i b:

function myFunction(a, b) {
  return a * b;
}

Spróbuj sam

Przykład

Dzięki użyciu funkcji, można wielokrotnie używać tego samego kodu z różnymi parametrami, aby uzyskać różne wyniki.

Konwersja stopni Fahrenheita na stopnie Celsjusza:

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

Spróbuj sam

Przykład

Funkcje mogą być używane jako zmienne.

zamiast:

temp = toCelsius(32);
text = "Temperatura to " + temp + " stopni Celsjusza";
Możesz użyć:
text = "Temperatura to " + toCelsius(32) + " stopni Celsjusza";

Spróbuj sam

Przykład

Funkcja JavaScript ma wbudowany obiekt o nazwie arguments.

Właściwość arguments.length zwraca liczbę argumentów przekazanych do wywołania funkcji:

function myFunction(a, b) {
  return arguments.length;
}

Spróbuj sam

Przykład

Kliknięcie przycisku wywołuje funkcję, która wyświetla "Hello World" w elemencie o id="demo":

<button onclick="myFunction()">Kliknij mnie</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Spróbuj sam

Przykład

Funkcje JavaScript mogą być również zdefiniowane za pomocą wyrażeń.

Wyrażenia funkcji mogą być zapisywane w zmiennych:

var x = function (a, b) {return a * b};

Spróbuj sam

Przykład

Po zapisaniu wyrażenia funkcji w zmiennej, ta zmienna może być używana jako funkcja:

var x = function (a, b) {return a * b};
var z = x(4, 3);

Spróbuj sam

Obsługa przeglądarek

Zdania Chrome IE Firefox Safari Opera
function Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Strony związane

Tutorial JavaScript:Funkcje w JavaScript

Tutorial JavaScript:Zasięg w JavaScript

Tutorial JavaScript:Definicja funkcji w JavaScript

Tutorial JavaScript:Parametry funkcji w JavaScript

Tutorial JavaScript:Wywołanie funkcji w JavaScript

Tutorial JavaScript:Kluczowe funkcje JavaScript

Podręcznik JavaScript:Zdanie return w JavaScript