JavaScript definir e chamar funções com exemplo

O que é função em JavaScript?

As funções são muito importantes e úteis em qualquer linguagem de programação, pois tornam o código reutilizável. Uma função é um bloco de código que será executado somente se for chamado. Se você tiver algumas linhas de código que precisam ser usadas várias vezes, poderá criar uma função incluindo as linhas de código repetidas e depois chamar a função onde quiser.

Como criar uma função em JavaScript

  1. Use a palavra-chave função seguido do nome da função.
  2. Após o nome da função, abra e feche os parênteses.
  3. Após parênteses, abra e feche as chaves.
  4. Entre chaves, escreva suas linhas de código.

Sintaxe:

function functionname()
{

  lines of code to be executed

}

Tente isso você mesmo:

<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>

Função com argumentos

Você também pode criar funções com argumentos. Os argumentos devem ser especificados entre parênteses

Sintaxe:

function functionname(arg1, arg2)

{

  lines of code to be executed

}

Tente isso você mesmo:

<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>

Valor de retorno JavaScript

Você também pode criar funções JS que retornem valores. Dentro da função, você precisa usar a palavra-chave retorno seguido do valor a ser retornado.

Sintaxe:

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

Tente isso você mesmo:

<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>