This content originally appeared on DEV Community and was authored by Francisco
Antes de comenzar:
Una de las cosas que nos encontramos al aprender JavaScript son las Funciones, en esta guía que esta basada en la guía de w3 schools. Aprenderas lo principal sobre las funciones.
Funciones JavaScript
Una función de JavaScript es un bloque de código diseñado para realizar una tarea en particular.
Una función de JavaScript se ejecuta cuando "algo" la invoca (la llama).
function myFunction(p1, p2) {
return p1 * p2; // La función retorna el producto entre p1 y p2
}
Sintaxis de funciones de JavaScript
Una función de JavaScript se define con la functionpalabra clave, 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 a ejecutar, por la función, se coloca entre llaves: {}
function name(parameter1, parameter2, parameter3) {
// Código a ser ejecutado
}
Los parámetros de la función se enumeran entre paréntesis () en la definición de la función.
Los argumentos de la función son los valores que recibe 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 una 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 JavaScript
- Automáticamente (autoinvocado)
Retorno de Función
Cuando JavaScript llega a una return declaración, la función dejará de ejecutarse.
Si la función fue invocada desde una declaración, JavaScript "regresará" 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 se "devuelve" al "llamador":
var x = myFunction(4, 3);
function myFunction(a, b) {
return a * b;
}
El resultado en x será
12
¿Por qué funciones?
Puede reutilizar el código: defina el código una vez y utilícelo muchas veces.
Puede usar el mismo código muchas veces con diferentes argumentos para producir resultados diferentes
Se subirá mas contenido con respecto a JavaScript, puedes aprender mas siguiendo la guía que proporciona la w3schools.
This content originally appeared on DEV Community and was authored by Francisco
Francisco | Sciencx (2021-04-22T20:34:25+00:00) Funciones JavaScript. Retrieved from https://www.scien.cx/2021/04/22/funciones-javascript/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.