Tag Archives | JS-Tips

settimeoutvsintervalsegundos

JavaScript setTimeout vs setInterval

El uso de JavaScript setTimeout es muy habitual en la programación del día a día con JavaScript. Sin embargo muchas veces no se entiende bien como funciona . Vamos a explicar tanto el concepto de JavaScript setTimeout como el de setInterval que es el método complementario y ver su funcionamiento. JavaScript setTimeout y curiosidades La […]

JavaScriptBenchMarkRenderOk

JavaScript Benchmarks y Benchmark.js

La necesidad de crear JavaScript Benchmarks es cada día más obligatoria, ya que el código de JavaScript que necesitamos construir es cada día mayor. Hay que tener en cuenta que ademas JavaScript es uno de los lenguajes que más particularidades tiene. Así pues es fácil encontrarnos con situaciones que necesiten ejecutar pruebas de rendimiento. Vamos […]

JavaScriptMapImplementation

JavaScript map y su implementación

Cada día usamos más funciones como JavaScript map . Con el paso del tiempo nos vamos acostumbrando a programar de una forma más funcional. Ahora bien ¿Cómo se implementan realmente estas funciones en JavaScript? . Vamos a ver un ejemplo .Para ello partiremos de un array que ejecuta una función map. En este caso tenemos […]

JavaScriptApplyVSCallDiagramthis

JavaScript apply vs call

El uso de JavaScript apply vs call ,es una pregunta muy habitual cuando profundizamos en JavaScript . ¿Para que sirven estos dos métodos tan peculiares?. Vamos a construir un ejemplo que ayude a aclarar las dudas . JavaScript Objetos Imaginemonos que tenemos el siguiente objeto de JavaScript: Invocamos al método imprimir y nos imprime por […]

JavaScriptGeneratorFunction

¿Qué son los JavaScript Generators?

¿Para que sirven los JavaScript Generators? . Los JavaScript Generators son parte de JavaScript ES6 y sirven para realizar una gestión asíncrona de nuestro código mucho más controlada , algo que hasta este momento no era tan sencillo de realizar con el JavaScript clásico. Para entender este concepto vamos a construir un ejemplo sencillo de […]

JavaScriptES6FetchApiDiagram

JavaScript ES6 fetch API

Hay que reconocer que JavaScript ES6 Fetch API es un avance a la hora de realizar peticiones AJAX  importante comparado con las peticiones AJAX clásicas que eran insufribles.  Hay que recordar que con JavaScript si uno quería hacer una petición AJAX el código era algo de este estilo: Todos terminamos usando el API de jQuery […]

JavaScript_Closure

JavaScript Closure y su funcionamiento

¿Qué es un JavaScript Closure? , esta es una pregunta clásica en las formaciones avanzadas de JavaScript .Vamos a introducir el concepto y ver en que situaciones se puede utilizar de forma práctica. Para ello vamos a partir del siguiente bloque de código. El código dispone de dos funciones anidadas, recordemos que cada función en […]

JavaScriptconstvsvarvsletambito

Javascript const vs var vs let

javascript const vs var vs let , es una duda muy común entre todos los que desarrollados con JavaScript. Se trata de las tres formas de declarar variables con el lenguaje. Vamos a abordar cada una de ellas . La más común es el uso de  “var” . Esta declaración tiene un problema , una vez […]

RxJSFlujo

RxJS y la programación reactiva.

RxJS es una de las librerías JavaScript que cada día vamos a usar más y uno de los representantes de la programación reactiva  .¿Qué es la programación reactiva?.  La programación reactiva es un nuevo paradigma orientado a programar basado en flujos de datos que son los encargados de transmitir los cambios a nuestra aplicación . De […]

JavaScriptReduceFunctionDiagrarma

JavaScript Reduce function y eliminación de bucles

JavaScript Reduce function es una de las funciones que más cuesta entender cuando trabajamos con JavaScript. Sin embargo es una de las funciones que más nos puede ayudar a simplificar nuestro código y eliminar bucles. ¿Cómo funciona exactamente? . Para entenderla vamos a construir un ejemplo de sumatorio a través de un bucle for. Estamos usando […]

JavaScriptModuleIIFE

JavaScript Module Pattern

JavaScript Module Pattern es uno de los patrones de diseño más típicos en JavaScript y nos ayuda a organizar y aislar las distintas funciones y clases con las que trabajamos. JavaScript por defecto no soporta el concepto de Package/NameSpace.Vamos a ver como implementar en JavaScript este patrón de diseño. JavaScript Module Pattern y IIFE El […]

002

Ejemplo de Javascript NameSpace

Cada día tenemos más código de JavaScript y necesitamos organizarlo. Uno de los problemas más habituales de JavaScript es su falta total de estructura y aislamiento. Muchas veces acabamos con un montón de variables definidas a nivel global. Para evitar este tipo de problemática podemos definir Namespaces que nos aíslen unos elementos de otros. Vamos […]