Funciones de jаvascript 6v5v5i


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


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 1a6t6s


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 153g56


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? 2k6u5k


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 321w52


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


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

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... 6c435j