Parametros por defecto en las funciones con ES6

Los parámetros por defecto de una función permiten que los parámetros formales de la función sean inicializados con valores por defecto si no se pasan valores o los valores pasados son undefined. function setBackgroundColor(elemento, color = ‘rosybrown’) { elemento.style.backgroundColor = color; } setBackgroundColor(algunDiv); // color configurado a ‘rosybrown’ setBackgroundColor(algunDiv, undefined); // color configurado a ‘rosybrown’ también setBackgroundColor(algunDiv, ‘blue’); // color configurado a ‘blue’ Continúa leyendo Parametros por defecto en las funciones con ES6

Mostrando un gif a la hora de enviar una forma

Si tenemos una forma en nuestra app o pagina que sube un archivo, podemos mostrar un gif de cargando al usuario para que sepa que la acción tomara algo de tiempo. Para esto lo primero que hacemos es poner la función dentro del form de esta forma: <form class=”” action=”/pedidos” method=”post” enctype=”multipart/form-data” onsubmit=”ShowLoading()”> Y despues creamos el script que muesta el gif y pone blanco … Continúa leyendo Mostrando un gif a la hora de enviar una forma

Usando el método map();

El método map(); de JavaScript toma un arreglo, ejecuta una función a cada elemento de ese arreglo y nos regresa un arreglo diferente con esos elementos nuevos. Por ejemplo si tenemos: var numeros = [1,2,3,4,5]; Podemos usar el método map() para generar un arreglo que tenga esos mismos valores pero multiplicados por 2, haciendo algo como: var multiplicados = numeros.map(function(numero){ return numero * 2 }); … Continúa leyendo Usando el método map();

Acerca de la palabra reservada ‘this’ parte 2

Recordando el post anterior, hay 4 formas en las que se puede declarar la palabra reservada ‘this’: global objeto/implícito explicito new La segunda regla nos dice: Cuando la palabra reservada ‘this’ este dentro de un objeto declarado, esta tomara el valor de el objeto padre mas cercano. Teniendo como ejemplo el siguiente objeto:  var persona = { nombre: ‘alejandro’, diceHola: function () { return “Hola … Continúa leyendo Acerca de la palabra reservada ‘this’ parte 2