JavaScript Definiëren & Functies Aanroepen met Voorbeeld
James Hartman
Wat is functie in JavaScript?
Functies zijn erg belangrijk en nuttig in elke programmeertaal, omdat ze de code herbruikbaar maken. Een functie is een codeblok dat alleen wordt uitgevoerd als het wordt aangeroepen. Als u een paar regels code heeft die meerdere keren moeten worden gebruikt, kunt u een functie maken met de herhalende coderegels en de functie vervolgens aanroepen waar u maar wilt.
Hoe u een functie kunt maken in JavaScript
- Gebruik het trefwoord functie gevolgd door de naam van de functie.
- Open en sluit haakjes na de functienaam.
- Open en sluit accolades na haakjes.
- Schrijf tussen accolades uw coderegels.
Syntax:
function functionname()
{
lines of code to be executed
}
Probeer dit zelf:
<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>
Functie met argumenten
U kunt ook functies met argumenten maken. Argumenten moeten tussen haakjes worden opgegeven
Syntax:
function functionname(arg1, arg2)
{
lines of code to be executed
}
Probeer dit zelf:
<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>
JavaScript retourwaarde
U kunt ook JS-functies maken die waarden retourneren. Binnen de functie moet u het trefwoord gebruiken terugkeer gevolgd door de waarde die moet worden geretourneerd.
Syntax:
function functionname(arg1, arg2)
{
lines of code to be executed
return val1;
}
Probeer dit zelf:
<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>
