Funciones de JavaScript

Las funciones de JavaScript están diseñadas para ejecutar bloques de código para tareas específicas

Las funciones de JavaScript se ejecutan cuando se los llama desde otro código

ejemplo

function myFunction(p1, p2) {
    return p1 * p2;              // La función devuelve el producto de p1 y p2
}

Intente hacerlo usted mismo

Sintaxis de las funciones de JavaScript

Las funciones de JavaScript se definen a través de function Se define con una palabra clave, seguida deNombre de la funcióny paréntesis ()

El nombre de la función puede contener letras, números, guiones bajos y símbolos de dólar (las reglas son las mismas que para los nombres de variables)

Los paréntesis redondos pueden incluir parámetros separados por comas:

(Parámetro 1, Parámetro 2, ...)

El código ejecutado por la función se coloca entre corchetes:{}

function name(Parámetro 1, Parámetro 2, Parámetro 3) {
    Código a ejecutar
}

Parámetros de la función (Function parameters)Son los nombres listados en la definición de la función

Parámetros de la función (Function arguments)Es el valor real recibido por la función cuando se llamaValor.

En una función, los parámetros son variables locales

En otros lenguajes de programación, una función es similar a un procedimiento (Procedure) o una subrutina (Subroutine)

Llamada a la función

El código dentro de la función se ejecutará cuando otra función llame a esta

  • Cuando ocurre un evento (cuando el usuario hace clic en el botón)
  • cuando se llama al código JavaScript
  • automáticas (autoinvocadas)

Aprenderás más sobre llamadas a funciones en este tutorial.

la función devuelve

Cuando JavaScript alcanza return instrucción, la función detendrá su ejecución.

Si una función es llamada por una instrucción, JavaScript "regresará" a la ejecución del código después de la instrucción de llamada.

Las funciones generalmente calculanvalor devueltoEste valor devuelto se devuelve al llamador:

ejemplo

Calcula el producto de dos números y devuelve el resultado:

var x = myFunction(7, 8);        // Llamar a la función, el valor devuelto se asigna a x
function myFunction(a, b) {
    return a * b;                // La función devuelve el producto de a y b
}

El resultado de x será:

56

Intente hacerlo usted mismo

¿Por qué usar funciones?

Puedes reutilizar el código: siempre y cuando definas el código una vez, puedes usarlo varias veces.

Puedes pasar diferentes parámetros a la misma función varias veces para obtener diferentes resultados.

ejemplo

Convierte grados Fahrenheit a Celsius:

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

Intente hacerlo usted mismo

el operador () llama a la función

Usando el ejemplo anterior,toCelsius se refiere al objeto de función, mientras que toCelsius() se refiere al resultado de la función.

ejemplo

Acceder a una función sin () devuelve la definición de la función:

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

Intente hacerlo usted mismo

Funciones como valores de variables

El uso de funciones es idéntico al de las variables, en todas las operaciones de fórmulas, asignaciones y cálculos.

ejemplo

Usa variables para almacenar valores de funciones:

var x = toCelsius(77);
var text = "La temperatura es " + x + " Celsius";

Puedes usar la función como un valor de variable directamente:

var text = "La temperatura es " + toCelsius(77) + " Celsius";

Intente hacerlo usted mismo

Aprenderás más sobre funciones en este tutorial.

variables locales

las variables declaradas en una función de JavaScript se convierten envariables locales.

las variables locales solo pueden ser accedidas dentro de la función.

ejemplo

// El código en este lugar no puede usar carName
function myFunction() {
    var carName = "Volvo";
    // El código en este lugar puede usar carName
}
// El código en este lugar no puede usar carName

Intente hacerlo usted mismo

Las variables locales solo pueden ser reconocidas por su función, por lo que se pueden usar nombres de variables idénticos en diferentes funciones.

Las variables locales se crean al inicio de una función y se eliminan al final de la función.

Libros de texto adicionales

Para obtener más información sobre Funciones de JavaScriptPara obtener más información sobre

Resumen de funciones ECMAScript
Esta sección explica el concepto de función, cómo ECMAScript declara y llama a funciones, y cómo las funciones regresan valores.
Objeto arguments de ECMAScript
Se presenta el uso básico de este objeto y se explica cómo usar la propiedad length para determinar el número de argumentos de una función, así como cómo simular sobrecarga de funciones.
Objeto Function de ECMAScript (clase)
Esta sección explica cómo crear funciones utilizando la clase Function y luego introduce las propiedades y métodos del objeto Function.
Closures de ECMAScript
Esta sección explica el concepto de closure y muestra dos ejemplos, uno simple y otro más complejo.