JavaDefinice skriptu a volání funkcí s příkladem
V čem je Funkce JavaSkript?
Funkce jsou velmi důležité a užitečné v jakémkoli programovacím jazyce, protože umožňují opětovné použití kódu Funkce je blok kódu, který bude proveden pouze tehdy, bude-li zavolán. Pokud máte několik řádků kódu, které je třeba použít několikrát, můžete vytvořit funkci obsahující opakující se řádky kódu a poté funkci volat, kdekoli chcete.
Jak vytvořit funkci v JavaScénář
- Použijte klíčové slovo funkce následovaný názvem funkce.
- Za názvem funkce otevřete a zavřete závorky.
- Po závorkách otevřete a zavřete složená závorka.
- Do složených závorek napište řádky kódu.
Syntaxe:
function functionname()
{
lines of code to be executed
}
Zkuste toto:
<html>
<head>
<title>Functions!!!</title>
<script type="text/javascript">
function myFunction()
{
document.write("This is a simple function.<br />");
}
myFunction();
</script>
</head>
<body>
</body>
</html>
Funkce s argumenty
Můžete také vytvářet funkce s argumenty. Argumenty by měly být uvedeny v závorkách
Syntaxe:
function functionname(arg1, arg2)
{
lines of code to be executed
}
Zkuste toto:
<html>
<head>
<script type="text/javascript">
var count = 0;
function countVowels(name)
{
for (var i=0;i<name.length;i++)
{
if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
count = count + 1;
}
document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
}
var myName = prompt("Please enter your name");
countVowels(myName);
</script>
</head>
<body>
</body>
</html>
JavaNávratová hodnota skriptu
Můžete také vytvořit funkce JS, které vracejí hodnoty. Uvnitř funkce musíte použít klíčové slovo zpáteční následuje hodnota, která má být vrácena.
Syntaxe:
function functionname(arg1, arg2)
{
lines of code to be executed
return val1;
}
Zkuste toto:
<html>
<head>
<script type="text/javascript">
function returnSum(first, second)
{
var sum = first + second;
return sum;
}
var firstNo = 78;
var secondNo = 22;
document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
</script>
</head>
<body>
</body>
</html>
