JavaSkriptdefinition und Aufruf von Funktionen mit Beispiel
James Hartmann
Was ist Funktion in JavaSkript?
Funktionen sind in jeder Programmiersprache sehr wichtig und nützlich, da sie den Code wiederverwendbar machen. Eine Funktion ist ein Codeblock, der nur ausgeführt wird, wenn er aufgerufen wird. Wenn Sie einige Codezeilen haben, die mehrmals verwendet werden müssen, können Sie eine Funktion erstellen, die die sich wiederholenden Codezeilen enthält, und die Funktion dann an einer beliebigen Stelle aufrufen.
So erstellen Sie eine Funktion in JavaSkript
- Verwenden Sie das Schlüsselwort Funktion gefolgt vom Namen der Funktion.
- Öffnen und schließen Sie nach dem Funktionsnamen Klammern.
- Öffnen und schließen Sie nach der Klammer die geschweiften Klammern.
- Schreiben Sie in geschweiften Klammern Ihre Codezeilen.
Syntax:
function functionname()
{
lines of code to be executed
}
Probieren Sie es selbst aus:
<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>
Funktion mit Argumenten
Sie können Funktionen auch mit Argumenten erstellen. Argumente sollten in Klammern angegeben werden
Syntax:
function functionname(arg1, arg2)
{
lines of code to be executed
}
Probieren Sie es selbst aus:
<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>
JavaSkript-Rückgabewert
Sie können auch JS-Funktionen erstellen, die Werte zurückgeben. Innerhalb der Funktion müssen Sie das Schlüsselwort verwenden Rückkehr gefolgt vom zurückzugebenden Wert.
Syntax:
function functionname(arg1, arg2)
{
lines of code to be executed
return val1;
}
Probieren Sie es selbst aus:
<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>
