Contenido del curso
Configuracion
¿Qué se implementó en ES6?
- 4

let, const y arrow functions en ES6
15:29 min - 5

Template literals en JavaScript ES6
08:11 min - 6

Parámetros por defecto en funciones ES6
05:46 min - 7

Desestructuración de arrays y objetos en JavaScript
05:33 min - 8

Spread y rest parameters en JavaScript
07:30 min - 9

Playground: Combina objetos JSON con el Spread Operator
- 10

Object literals abreviados en ES6
05:42 min - 11

Promesas en JavaScript con resolve y reject
08:09 min - 12

Clases en JavaScript con getters y setters
18:54 min - 13

Módulos en JavaScript con import y export
09:48 min - 14

Playground: Obtén una lista de películas
- 15

Generators en JavaScript: control del estado
07:19 min - 16

Playground: Generador de identificadores para michis
- 17

Método add() y encadenamiento en Sets JS
04:36 min
¿Qué se implementó en ES7?
¿Qué se implementó en ES8?
¿Qué se implementó en ES9?
¿Qué se implementó en ES10?
¿Qué se implementó en ES11?
¿Qué se implementó en ES12?
¿Qué se implementó en ES13?
Recapitulación
Operador exponencial e includes en ES7
Resumen
ECMAScript 7 trajo dos cambios pequeños pero útiles a JavaScript: el operador exponencial ** y el método includes para arrays. Aprenderás cómo usarlos con ejemplos prácticos si estás dando tus primeros pasos en vanilla JavaScript y quieres entender cómo evoluciona el lenguaje.
Desde junio de 2016, JavaScript empezó a recibir actualizaciones constantes a través del estándar ECMAScript. Un año después de la gran renovación que fue ECMAScript 6, llegó ES7 con dos incorporaciones que simplifican operaciones comunes en el día a día.
Cómo funciona el operador exponencial en ECMAScript 7
El operador exponencial ** permite elevar un número a una potencia sin recurrir a métodos como Math.pow. Es una forma directa de hacer cálculos matemáticos dentro de tu lógica.
Mira este ejemplo simple. Defines una constante con un valor base y aplicas la potencia con dos asteriscos seguidos del exponente.
javascript const data = 3 ** 4; console.log(data); // 81
Aquí estás calculando 3 elevado a la 4, y el resultado es 81. La gran ventaja es que el operador se integra de forma natural en cualquier expresión, sin tener que importar nada ni usar un método externo.
¿Cuál es la diferencia entre
**yMath.pow? Ambos calculan potencias, pero**es un operador nativo del lenguaje desde ES7, lo que lo hace más limpio y legible que llamar aMath.pow(base, exponente).
Cómo usar el método includes en arrays de JavaScript
El método includes te permite saber si un elemento existe dentro de un array. Devuelve un valor booleano: true si está, false si no. [01:45]
Imagina que tienes una lista de números y necesitas verificar si cierto valor está presente. Con includes lo resuelves en una línea.
javascript let numbers = [1, 2, 3]; console.log(numbers.includes(4)); // false console.log(numbers.includes(2)); // true
El mismo método funciona con strings dentro de un array. Si tienes una lista de nombres, puedes preguntar si alguno coincide.
javascript const list = ['Oscar', 'David', 'Ana']; console.log(list.includes('Oscar')); // true console.log(list.includes('oscar')); // false
Por qué includes distingue mayúsculas y minúsculas
Fíjate en el detalle: 'Oscar' y 'oscar' no son iguales para JavaScript. El método compara strings de forma estricta, así que la capitalización importa.
Para evitar sorpresas, una buena práctica es normalizar los valores antes de comparar. Puedes aplicar toLowerCase() tanto al array como al valor que buscas, asegurando que todo esté en minúsculas.
¿Cómo hago una búsqueda con
includessin importar mayúsculas? Convierte ambos lados a minúsculas contoLowerCase()antes de comparar. Así evitas que diferencias de capitalización generen falsos negativos.
Lo mismo aplica cuando manejas números guardados como strings: tendrías que convertirlos a tipo numérico antes de validar, o el resultado no será el esperado.
Qué aporta ES7 al desarrollo en JavaScript
Aunque ECMAScript 7 incorporó solo dos novedades frente a la avalancha de cambios que trajo ES6, ambas son herramientas que vas a usar con frecuencia.
- El operador exponencial
**simplifica cálculos matemáticos directamente en tu código. - El método
includesreemplaza validaciones más verbosas conindexOfpara saber si un elemento existe. - La sintaxis es más corta y legible, lo que reduce errores y mejora la mantenibilidad.
Estas actualizaciones reflejan cómo JavaScript evoluciona año tras año para volverse más expresivo. Y esto es solo el comienzo: ECMAScript 8 trae más características fundamentales para tu desarrollo.
¿Has usado ** o includes en algún proyecto? Cuéntame en los comentarios cómo te ayudaron a simplificar tu código.