Funciones de jаvascript

Una función de jаvascript es un bloque de código diseñado para realizar una tarea en particular.

Una función de jаvascript se ejecuta cuando algo la invoca - la llama.

Ejemplo:

function myFunction(p1, p2) {
    return p1 * p2;              // The function returns the product of p1 and p2
}

Sintaxis de la función de jаvascript

Una función de jаvascript se define con la palabra clave function , seguida de un nombre , seguido de paréntesis () .

Los nombres de funciones pueden contener letras, dígitos, subrayados y signos de dólar (las 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 ejecutará, por la función, se coloca entre llaves: {}

function name(parameter1, parameter2, parameter3) {
    code to be executed
}

Los parámetros de función se enumeran dentro de los paréntesis () en la definición de la función.

Los argumentos de función son los valores recibidos por la función cuando se invoca.

Dentro de la función, los argumentos (los parámetros) se comportan como variables locales.

Invocación de función

El código dentro de la función se ejecutará cuando "algo" invoca (llama) a la función:

• Cuando ocurre un evento (cuando un usuario hace clic en un botón).
• Cuando se invoca (llama) desde el código jаvascript.
• Automáticamente (autoinvocado).

Aprenderá mucho más sobre la invocación de funciones más adelante en este tutorial.

Función de retorno

Cuando jаvascript alcanza una declaración de devolución, la función dejará de ejecutarse. Si la función se invocó desde una declaración, jаvascript "devolverá" para ejecutar el código después de la declaración de invocación.

Las funciones a menudo calculan un valor de retorno. El valor de retorno es "devuelto" a la "persona que llama":

Ejemplo:
Calcule el producto de dos números y devuelva 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 en x será:

12

Ver Ejemplo.

¿Por qué funciones?

Puede reutilizar el código: defina el código una vez y úselo muchas veces. Puede usar el mismo código muchas veces con diferentes argumentos para producir resultados diferentes.

Ejemplo:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

Ver Ejemplo.

El operador () invoca la función

Usando el ejemplo de arriba, toCelsius se refiere al objeto función, y toCelsius () se refiere al resultado de la función. Acceder a una función sin () devolverá la definición de la función en lugar del resultado de la función:

Ejemplo:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Funciones utilizadas como valores variables

Las funciones se pueden usar del mismo modo que las variables, en todos los tipos de fórmulas, asignaciones y cálculos.

Ejemplo: 
En lugar de usar una variable para almacenar el valor de retorno de una función:

var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";

Puede usar la función directamente, como un valor variable:

var text = "The temperature is " + toCelsius(77) + " Celsius";

Aprenderá mucho más sobre las funciones más adelante en este tutorial.

Distinción entre variables locales y globales