3.3 Funciones y su uso en JavaScript

Funciones en JavaScript

Las funciones en JavaScript son bloques de código que se pueden reutilizar para simplificar el código en un proyecto. Son una parte fundamental de la programación en JS y su uso es muy común en la mayoría de los proyectos. En JS las funciones se definen utilizando la palabra clave ‘function’ seguida del nombre de la función y los parámetros que acepta (opcional).

Ejemplo 1:

La siguiente función devuelve la suma de dos números:

function sum(a, b) {
  return a   b;
}

Para llamar a la función, se debe especificar los valores que se desean sumar.

var result = sum(2, 3);
console.log(result); //output: 5

Ejemplo 2:

En este ejemplo, se define una función que acepta un número como parámetro y devuelve true si el número es par y false si es impar:

function isEven(number) {
  return number % 2 === 0;
}

var isTwoEven = isEven(2);
console.log(isTwoEven); //output: true

var isThreeEven = isEven(3);
console.log(isThreeEven); //output: false

Tipo de funciones en JavaScript

JS tiene cinco tipos de funciones:

Funciones regulares (function statement)
Funciones anónimas (function expressions)
Funciones autoejecutables (Immediately-Invoked Function Expression – IIFE)
Funciones constructoras (constructor functions)
Funciones de flecha (arrow functions)

Funciones regulares (function statement)

Este es el tipo de función más común que se utiliza en el desarrollo de aplicaciones con JS. Es una función que se define utilizando la palabra clave ‘function’ seguida del nombre de la función y los parámetros que acepta (si los hay). Por ejemplo:

function sayHello(name) {
  console.log('Hello '   name);
}

sayHello('John'); //output: Hello John

Funciones anónimas (function expressions)

Las funciones anónimas son funciones que no tienen nombre y generalmente se asignan a variables. Por ejemplo:

var sayHello = function(name) {
  console.log('Hello '   name);
}

sayHello('John'); //output: Hello John

Funciones autoejecutables (Immediately-Invoked Function Expression – IIFE)

Las funciones autoejecutables son funciones que se ejecutan inmediatamente después de su definición. Se definen como funciones anónimas y se invocan inmediatamente después, utilizando paréntesis después de la definición. Por ejemplo:

(function(name) {
  console.log('Hello '   name);
})('John'); //output: Hello John

Funciones constructoras (constructor functions)

Las funciones constructoras se utilizan para crear objetos. Se definen como una función que acepta propiedades y métodos que se agregarán al objeto. Por ejemplo:

function Person(name, age) {
  this.name = name;
  this.age = age;

  this.sayHello = function() {
    console.log('Hello, my name is '   this.name   ' and I'm '   this.age   ' years old.');
  }
}

var john = new Person('John', 25);
john.sayHello(); //output: Hello, my name is John and I'm 25 years old.

Funciones de flecha (arrow functions)

Las funciones de flecha son una forma más moderna de definir funciones. Se definen utilizando una notación más corta y se utilizan principalmente para funciones anónimas. Por ejemplo:

var sayHello = (name) => {
  console.log('Hello '   name);
}

sayHello('John'); //output: Hello John

Las funciones y sus diferentes tipos ofrecen a los desarrolladores de JS un amplio rango de herramientas para trabajar en proyectos y escribir código más simple y eficiente. Es importante tener una buena comprensión de las funciones y sus diferentes tipos para ser un programador efectivo en JS.

Anterior…Siguiente

[mwai_chat]

SynZeN