Los últimos tutoriales de desarrollo web
 

JavaScript funciones


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 »