En este tutorial aprenderemos cómo el uso de funciones nos permite reutilizar porciones de código escritas anteriormente en nuestro programa, y llamarlas en el momento en que las necesitemos.

Una función es una porción de código reusable que puede ser llamada en cualquier momento desde nuestro programa. De esta manera se evita la necesidad de estar escribiendo el mismo código una y otra vez. Esto nos ayudará  a escribir código modular en JavaScript.

JavaScript soporta todas las características necesarias para escribir código modular usando funciones. Por ejemplo, en JavaScript se tiene las siguientes funciones: alert(), write(), definidas en su núcleo una sola vez pero que son llamadas a cada momento y en cualquier parte de nuestro programa. En este tutorial explicaremos como crear nuestras propias funciones.

Definición de una función

Antes de poder usar una función necesitamos definirla. La forma más común de definir una función es usando la palabra reservada “function” seguido de un único nombre de función, y de los parámetros deseados (puede ser sin parámetros), y un bloque de instrucciones dentro de llaves.

Sintaxis:

function nombre_funcion(parametros){

  instrucciones;
}

Ejemplo:

function sumar(){

   var num1 = 5;
   var num2 = 8;
  suma = num1 + num2;
  alert("La suma es: "+suma);
}

En JavaScript existen dos maneras de definir una función las cuales pueden ser mediante: declaración de función o una expresión de función.

Declaración de Función

Se le asigna un nombre  a la función. Dicha función se debe cargar en el ámbito de la aplicación antes de la ejecución del código.

Ejemplo:

function Saludar(){
  
  alert("Hola a todos");
}

Expresión de Función

Aquí se crea una función anónima y se le asigna a una variable. Esta función no se encuentra lista hasta que esa línea en particular sea evaluada durante la ejecución del código.

Ejemplo:

var Cantar = function(){
  
  alert("Yo canto muy bien");
}

Llamado de funciones

Para invocar una función desde cualquier parte de nuestro programa, solo es necesario escribir el nombre de la función creada seguido de paréntesis( en caso de tener parámetros indicarlos dentro, separados por comas).

Ejemplo:

Sumar();
Saludar();
Cantar();

Funciones con parámetros

Hasta ahora sólo hemos creado funciones sin parámetros. A continuación los parámetros pueden ser capturados dentro de la función y hacer cualquier tipo de manipulación sobre estas.

Una función puede tener muchos parámetros separados por comas.

Ejemplo 1:

function Saludar(nombre, edad){
  
  this.nombre = nombre;
  this.edad = edad;  
  console.log("Hola mi nombre es: "+ this.nombre + " y tengo: " + this.edad + " años." );
}

Saludar(“Juniors”, 24);

Ejemplo 2

function Sumar(num1,num2){
  
  var resultado= num1 + num2;
  alert(“La suma es: ”+ resultado);
}

Sumar(8,9);

Funciones con la Instrucción return

Una función JavaScript puede tener la instrucción return. Esta es requerida si queremos que la función dada nos retorne un valor. La instrucción return debe ser la última línea en una función.

Ejemplo:

Ejemplo:

function Valores(a,b,c){
  
  return a+b+c;
}

var suma = Valores(3,4,5); // esta función nos retorna el valor de 12

Esto ha sido todo por el tutorial de funciones. Los espero en una próxima oportunidad para hablar más sobre JavaScript y otras tecnologías. Si deseas profundizar tus conocimientos en este lenguaje, te invito a inscribirte en nuestro Curso de JavaScript. ¡Saludos!