JavaScript: ECMAScript 6 y todos sus detalles

Nueva forma de declaración, el primer paso a ECMAScript 6

ECMAScript 6, brinda formas de controlar la declaración de las variables de varias maneras.

Ahora se pueden declarar constantes de esta manera.

Quizá uno de los usos más esperados por muchos desarrolladores.

Una notable mejoría en la interpretación del código en el ES6.

Tres nuevas funciones para evitar el uso excesivo del indexOf()

startsWith - endsWith - includes

Esto nos ahorra mucho trabajo cuando necesitamos rellenar de caracteres un string.

Nuevas formas de solucionar las concatenaciones y los strings multilinea

Más poder para nuestros strings

Formas de evaluar strings en su totalidad antes de ser evaluados.

Esto es algo que muchos venían solicitando durante mucho tiempo.

Es importante saber esto, principalmente si usamos "arguments" en nuestras funciones.

ECMAScript 6, incorpora metodos y formas para ayudarnos a comprender cuando las funciones pueden recibir parámetros sin nombre o bien múltiples argumentos.

Es importante conocer estas dos condiciones.

Muy de la mano de los operadores REST.

Esto es un problema muy común que sucede en JavaScript, pero el Operador Spread nos ayuda a corregirlo y a la vez nos brinda nuevas funciones.

Esto es una técnica que se usa mucho en el patrón de desarrollo REDUX, y es bueno comprenderlo

Aclarando sus usos y la diferencia, ya que parecen iguales.

Sabemos que hay constructores y llamados... una función en JavaScript puede hacer ambos.. pero como lo podemos diferenciar bien?

Hay algo nuevo en ECMAScript 6, que nos ayudará en esto ( "new.target" )

Una de las características mas interesantes del ES6.

Es importante saber que puede hacer y que no!

Muy bonita la teoría, vamos a la práctica!

También conocidas como funciones de invocación inmediata. 

Las funciones de flechas, no afectan el contexto que tenga el "this" al momento de ser ejecutadas.

Estas funciones son ideales para el buen procesamiento de arreglos!

typeOf

instanceOf

Tal vez en cualquier programa que contenga JavaScript, hay objetos literales definidos, y el ES6 añade nuevas funcionalidades interesantes.

ES6 mejora la sintaxis para asignar métodos a objetos literales.

Ahora podemos calcular o utilizar variables para nombrar los pares de nuestros objetos literales.

Una manera muy segura de comprobar si un objeto es igual a otro.

Un método para dar las propiedades y métodos de un objeto a otro de manera simple.

Anteriormente, esto quedaba a discreción del proveedor, ahora en ES6, tiene un orden definido.

ES6, puede cambiar la interpretacion de un prototipo con Object.setPrototypeOf(), que permite cambiarlo de cualquier objeto inicial.

Como se había mencionado, los prototipos son muy importantes para JavaScript, y en ES6 se hace más simple hacer llamados a los mismos.

Una forma muy útil de obtener los valores de los objetos.

Hay formas de obtener y renombrar las variables cuando estructuramos objetos.

Formas rápidas de extraer la información de los arreglos.

De igual manera que la destructuración anidada, pero podemos realizar cosas interesantes con el operador rest.

Gracias a los parámetros por defecto, podemos realizar esto.

Esta nueva característica es bastante importante para crear funciones más explícitas y limpias. 

Un nuevo tipo de variable primitiva entra a ES6

Un nuevo tipo de valor primitivo introducido en el ES6

Puedes utilizarlos en cualquier lugar donde necesites propiedades compartidas.

Los símbolos son algo inflexibles en este aspecto.

Object.keys() y Object.getOwnPropertyNames() pueden obtener todas las propiedades y nombres de un objeto, pero que pasa con los símbolos?

Una pequeña introducción para comprender el concepto.

Así podemos manejar, agregar y buscar elementos e un set de datos.

Ejemplo de remover valores de los sets

Un mecanismo de barrer todo el set.

Puede ser que necesario destruir el set para convertirlo en un arreglo.

Esta es una adición en el ES6 que puede llegar a ser de mucho interés cuando tenemos programas de alto estrés en memoria del cliente.

Entremos en materia hablando de este tipo de objeto.

• has(key) - Determina si existe la llave en el map.
• delete(key) - Remueve la llave y el valor asociado en el mapa.
• clear() - Vacía completamente el mapa. (llaves y valores)

Muy lógico cuando te pones a pensarlo.

Funciona de una forma similar al forEach de los sets y de los arreglos.

Un ciclo muy práctico y útil.