JavaScript que define y llama funciones con un ejemplo

¿Qué es la función en Java¿Texto?

Las funciones son muy importantes y útiles en cualquier lenguaje de programación, ya que hacen que el código sea reutilizable. Una función es un bloque de código que se ejecutará sólo si se llama. Si tiene algunas líneas de código que deben usarse varias veces, puede crear una función que incluya las líneas de código repetidas y luego llamar a la función donde desee.

Cómo crear una función en JavaGuión

  1. Usa la palabra clave función seguido del nombre de la función.
  2. Después del nombre de la función, abra y cierre los paréntesis.
  3. Después del paréntesis, abra y cierre las llaves.
  4. Entre llaves, escriba sus líneas de código.

Sintaxis:

function functionname()
{

  lines of code to be executed

}

Prueba esto tú mismo:

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

Función con argumentos

También puedes crear funciones con argumentos. Los argumentos deben especificarse entre paréntesis.

Sintaxis:

function functionname(arg1, arg2)

{

  lines of code to be executed

}

Prueba esto tú mismo:

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

JavaValor de retorno del script

También puede crear funciones JS que devuelvan valores. Dentro de la función, necesitas usar la palabra clave volvemos seguido del valor a devolver.

Sintaxis:

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

Prueba esto tú mismo:

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

Boletín diario de Guru99

Empieza el día con las últimas y más importantes noticias sobre IA, entregadas ahora mismo.