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!

<< Variables en JavaScript Scopes en JavaScript >>