Saltar al contenido

Funciones de definición y llamadas de JavaScript con ejemplo

¿Qué es una función en JavaScript?

Las funciones son muy importantes y útiles en cualquier lenguaje de programación porque reutilizan el código. Una aplicación es un bloque de código que solo se ejecutará si se proporciona. Si tiene algunas líneas de código que deben usarse una y otra vez, puede crear una función que incluya las líneas de código repetidas y luego llamar a la función donde lo desee.

En este tutorial, aprenderá:

Cómo crear una función en JavaScript

  1. Usa la palabra clave función seguido del nombre de la función.
  2. Después del nombre de la función, abra los paréntesis y ciérrelos.
  3. Después del corchete, abra y cierre los tirantes rizados.
  4. Entre llaves, escribe tus líneas de código.

Sintaxis:

function functionname()

{

  lines of code to be executed

}

Prueba esto por ti 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> 

Aplicación a argumentos

También puede crear funciones con argumentos. Los argumentos deben especificarse dentro del corchete

Sintaxis:

function functionname(arg1, arg2)

{

  lines of code to be executed

}

Prueba esto por ti 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> 

Valor de devolución de JavaScript

Puede crear funciones JS que devuelvan valores. Dentro de la función, debes usar la palabra clave regreso y el valor que se devolverá más tarde.

Sintaxis:

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

Prueba esto por ti 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>