Funciones en JavaScript
Introducción Link to heading
Las funciones son bloques de código reutilizables que realizan una tarea específica. Son una herramienta fundamental para escribir código JavaScript eficiente y organizado.
Tipos de funciones Link to heading
- Declarativas: Se definen utilizando la palabra clave
function
. - Expresión: Se definen como una expresión que se asigna a una variable.
Ejemplos Link to heading
Declarativas: Link to heading
// Function declaration
function myFunction() {
// Function code
return 3;
}
// Function call
myFunction();
Expresión: Link to heading
// Declaration of the function as an expression
var myFunction = function(a, b) {
// Function code
return a + b;
};
// Function call
myFunction(1, 2);
Obteniendo resultados Link to heading
- Consola del navegador: Se puede usar
console.log()
para imprimir el valor de una variable o expresión en la consola del navegador. - Retorno: La función puede devolver un valor utilizando la palabra clave
return
.
Ejemplos Link to heading
Consola del navegador Link to heading
function greetStudents(student) {
console.log(student);
}
greetStudents("John"); // Print "John" to the console
Retorno: Link to heading
function add(a, b) {
var result = a + b;
return result;
}
var sum = add(1, 2); // The variable `sum` stores the result of the function, which is 3
Mas ejemplos: Link to heading
// Function that calculates the area of a square
function squareArea(side) {
return side \* side;
}
var area = squareArea(5); // The variable `area` stores the area of the square, which is 25
// Function that checks if a number is even
function isEven(number) {
return number % 2 === 0;
}
var isEven = isEven(10); // The variable `isEven` stores `true` because 10 is an even number
// Function that greets a user
function greetUser(name) {
return `Hello ${name}, how are you?`;
}
var greeting = greetUser("Diego"); // The variable `greeting` stores the message "Hello Diego, how are you?"
Consejos para usar funciones: Link to heading
- Usa nombres descriptivos para las funciones.
- Divide tu código en funciones pequeñas y manejables.
- Documenta tus funciones con comentarios.
- Reutiliza las funciones siempre que sea posible.
¡Sigue aprendiendo sobre funciones en JavaScript para mejorar tus habilidades de programación!
¡Aprovecha las ventajas de comprender las funciones para escribir código JavaScript más modular y efectivo!