Funkce JavaScript
Příklad
Deklarujte funkci, která při volání vydá „Hello World“:
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
Další příklady níže.
Definice a použití
Příkaz function
deklaruje funkci.
Deklarovaná funkce je „uložena pro pozdější použití“ a bude provedena později, když je vyvolána (zavolána).
V JavaScriptu jsou funkce objekty a mají vlastnosti i metody.
Funkci lze také definovat pomocí výrazu (viz Definice funkcí ).
Přečtěte si náš výukový program JavaScript a dozvíte se vše, co potřebujete vědět o funkcích. Začněte úvodní kapitolou o funkcích JavaScriptu a rozsahu JavaScriptu . Podrobnější informace naleznete v části Funkce v části Definice funkcí , parametry , vyvolání a uzavření .
Viz také:
Syntax
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 . |
Další příklady
Vraťte hodnotu PI:
function myFunction() {
return Math.PI;
}
Vraťte součin a a b:
function myFunction(a, b) {
return a * b;
}
Funkce s různými argumenty může přinést různé výsledky.
Převést Fahrenheita na stupně Celsia:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
Funkce mohou být použity jako proměnné.
Namísto:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Můžeš použít:
text = "The temperature is " + toCelsius(32) + " Centigrade";
Funkce JavaScriptu mají vestavěný objekt zvaný argumenty.
Vlastnost arguments.length vrací počet argumentů přijatých funkcí:
function myFunction(a, b) {
return arguments.length;
}
Kliknutím zavoláte funkci, která vydá „Hello World“:
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Když je výraz funkce uložen v proměnné, proměnná obsahuje funkci:
const x = function (a, b) {return a * b};
Když je funkce uložena v proměnné, lze proměnnou použít jako funkci:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Související stránky
Výukový program JavaScript: Funkce JavaScriptu
Výukový program JavaScript: Rozsah JavaScriptu
Výukový program JavaScript: Definice funkcí JavaScriptu
Výukový program JavaScript: Parametry funkcí JavaScriptu
Výukový program JavaScript: Vyvolání funkce JavaScript
Výukový program JavaScript: Uzavírání funkcí JavaScriptu
JavaScript Reference: JavaScript return Statement
Podpora prohlížeče
function
je funkce ECMAScript1 (ES1).
ES1 (JavaScript 1997) je plně podporován ve všech prohlížečích:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |