Funciones de jаvascript 2g6c38


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 3h514c


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.
Una función es muy similar a un procedimiento o una subrutina, en otros lenguajes de programación.

Invocación de función 6r5566


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

  • Cuando ocurre un evento (cuando un 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 6n5j2m


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? 6m4n44


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 184u4l


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 6j2b32


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 5p126e

Compartir

Mi nombre es Alexander fundador y CEO, y me gusta llamarme un Geek. Amo la informática, tecnología y todo lo que está relacionado con ella. Inicié este sitio con la intención de compartir conocimientos como cursos en línea, tutoriales y videotutoriales. Estoy muy entusiasmado con la información que he descubierto y compartido hasta el momento. La verdad es que lo he hecho con el mayor de los gustos. Así es, soy un Geek con una visión para compartir conocimiento. Leer mas... 2c611u