Una función JavaScript es un bloque de código diseñado para realizar una tarea en particular.
Una función de JavaScript se ejecuta cuando "algo" lo invoca (llama).
Ejemplo
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Inténtalo tú mismo " JavaScript Función Sintaxis
Una función de JavaScript se define con la function la palabra clave, seguido por un nombre, seguido de paréntesis () .
Los nombres de funciones pueden contener letras, dígitos, guiones y símbolos de dólar (mismas reglas que las variables).
Los paréntesis pueden incluir nombres de parámetros separados por comas:
(Parámetro1, parámetro2, ...)
El código que se ejecuta, por la función, se coloca entre llaves: {}
function
name ( parameter1, parameter2, parameter3 ) {
code to be executed
}
Parámetros de la función son los nombres que figuran en la definición de función.
Argumentos de la función son los valores reales recibidos por la función cuando se invoca.
Dentro de la función, los argumentos se comportan como variables locales.
Una función es muy parecida a un procedimiento o una subrutina, en otros lenguajes de programación.
Invocación de funciones
El código dentro de la función se ejecutará cuando se invoca el "algo" (llamadas) de la función:
- Cuando se produce un evento (cuando un usuario hace clic en un botón)
- Cuando se invoca (llama) de código JavaScript
- De forma automática (auto invoca)
Usted va a aprender mucho más acerca de invocación de la función más adelante en este tutorial.
Retorno de la función
Cuando JavaScript alcanza una instrucción de retorno, la función dejará de ejecutarse.
Si la función se invoca desde un comunicado, JavaScript será "volver" para ejecutar el código después de la sentencia de invocación.
Funciones menudo calculan un valor de retorno. El valor de retorno es "devuelto" de nuevo a la "persona que llama":
Ejemplo
Calcular el producto de dos números, y devolver el resultado:
var x = myFunction(4, 3);
// Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
El resultado de x será:
12
Inténtalo tú mismo " ¿Por qué funciones?
Puede volver a utilizar código: Definir el código una vez, y lo utilizan muchas veces.
Se puede utilizar el mismo código muchas veces con diferentes argumentos, para producir resultados diferentes.
Ejemplo
Convertir Fahrenheit a Celsius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Inténtalo tú mismo " La () operador invoca la función
Utilizando el ejemplo anterior, toCelsius se refiere al objeto de función, y toCelsius() se refiere al resultado de función.
Ejemplo
Acceso a una función sin () devolverá la definición de función:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Inténtalo tú mismo " Funciones utilizadas como variables
En JavaScript, puede utilizar las funciones de la misma manera como se utiliza variables.
Ejemplo
Puedes usar:
var
text = "The temperature is " + toCelsius(77) + " Celsius";
En lugar de:
var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
Inténtalo tú mismo " Usted va a aprender mucho más acerca de las funciones más adelante en este tutorial.
Ponte a prueba con los ejercicios!
Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4» Ejercicio 5 »