ES7

Clase 32 de 99 • 30 días de JavaScript

ECMAScript 7, también conocido como ES7, es una versión del estándar ECMAScript para JavaScript. Fue lanzado en junio de 2016 y trae algunas características nuevas y mejoras al lenguaje. Algunas de las características más importantes incluyen:

Exponentiation operator (**): ES7 introduce un nuevo operador para elevar un número a una potencia. Anteriormente, esto podría ser logrado con la función Math.pow(). Ejemplo:

console.log(2 ** 3); // Output: 8
console.log(Math.pow(2,3)); // Output: 8

Trailing commas: ES7 permite la utilización de comas al final de una lista de argumentos, objetos y arrays. Este es un cambio sintáctico que ayuda a la legibilidad y mantenimiento del código. Ejemplo:

const objeto = {nombre: "Juan", edad: 30,};
const array = [1, 2, 3,];
//El poner una coma al final de un array u objetos ocasionaba errores en el pasado

string.prototype.padStart() y string.prototype.padEnd(): ES7 introduce dos nuevos métodos para el prototipo de String rellena la cadena actual con una cadena dada (repetida eventualmente) de modo que la cadena resultante alcance una longitud dada. El relleno es aplicado desde el inicio (izquierda) de la cadena actual si es usado con padStart, y de modo contrario con padEnd. Ejemplo:

const cadena = "Hola";
console.log(cadena.padStart(7, "**")); // Output: "***Hola"
console.log(cadena.padEnd(7, "*")); // Output: "Hola***"

Cada año sale una nueva versión de ES, en esta colección de lecturas solamente te mostramos 2 que tuvieron muchos grandes cambios. Te invitamos a que indagues más en las futuras versiones que salen cada año.

Todo esto y más lo puedes aprender en el curso Curso de ECMAScript: Historia y Versiones de JavaScript

Comentarios

Harold Zurita Simon

student•

Hay en pequeño error en los Outputs de los temas string.prototype.padStart() y string.prototype.padEnd(), debería ser:

const cadena = "Hola";
console.log(cadena.padStart(7, "**")); // Output: "***Hola"
console.log(cadena.padEnd(7, "*")); // Output: "Hola***"

Jose Miguel Gomero Vasquez

student•

Si, tambien lo note, el primer input, en este caso 7 es el que determina la longitud que tendra el nuevo string.

Luis Castro

student•

Reportalo

Luis Castro

student•

ES7: Actualizaciones más importantes

. ES7 (también conocido como ECMAScript 2016) es la séptima versión del estándar de JavaScript. Fue lanzado en 2016 y presenta algunas mejoras y características nuevas para ayudar a los desarrolladores a escribir un código más conciso y legible. . Algunas de las mejoras más importantes incluyen: .

Array.prototype.includes(): Un método para verificar si un valor está presente en un array.
Exponentiation Operator (**): Una forma abreviada de escribir exponenciales.
Array.prototype.flat(): Un método para "aplanar" un array en una dimensión.
Array.prototype.flatMap(): Un método que combina el efecto de map() y flat() en un solo método.
Object.values(): Un método que devuelve un array de valores de las propiedades de un objeto.

Carlos Andrade

student•

32/89 ES7

Las mejoras en el lenguaje de programación JavaScript ES7 incluyen el operador de exponenciación **, la posibilidad de utilizar comas al final de listas de argumentos, objetos y arrays, y dos nuevos métodos de prototipo de String. ‘padStart() y padEnd()

Ejemplo del operador de exponenciación:

console.log(2 ** 3); // Output: 8
console.log(Math.pow(2,3)); // Output: 8

Ejemplo el operador ** se utiliza para elevar a la potencia de 3, lo cual produce un resultado de 8. El mismo cálculo podría haber sido realizado con la función ‘Math.pow()’ como se muestra en la segunda línea.

Ejemplo de uso de comas finales en objetos y arrays:

Ricardo Alfonso Chavez Vilcapoma

student•

También se añadió el método includes para los string

/*-----------------------Método includes-----------------------*/

//Determina si un array o string incluye un determinado elemento. Devuelve true o false, si existe o no respectivamente

const saludo = "Hola mundo";

saludo.includes("Hola") // true //si fuera con minúscula la h sería false
saludo.includes("Mundo") // false
saludo.includes(" ") // true
saludo.includes("Hola", 1) // false //puede recibir un segundo argumento que indica el índice inicial desde donde comparar hasta el último elemento. Puede ser un número negativo
saludo.includes("mundo", -5) // true

const frutas = ["manzana", "pera", "piña", "uva"];

frutas.includes("manzana") // true
frutas.includes("Pera") // false
frutas.includes("sandía") // false
frutas.includes("manzana", 1) // false
frutas.includes("piña", -1) // false
frutas[0].includes("man") // true

/*-----------------------Método includes-----------------------*/

//Determina si un array o string incluye un determinado elemento. Devuelve true o false, si existe o no respectivamente

const saludo = "Hola mundo";

saludo.includes("Hola") // true //si fuera con minúscula la h sería false
saludo.includes("Mundo") // false
saludo.includes(" ") // true
saludo.includes("Hola", 1) // false //puede recibir un segundo argumento que indica el índice inicial desde donde comparar hasta el último elemento. Puede ser un número negativo
saludo.includes("mundo", -5) // true

const frutas = ["manzana", "pera", "piña", "uva"];

frutas.includes("manzana") // true
frutas.includes("Pera") // false
frutas.includes("sandía") // false
frutas.includes("manzana", 1) // false
frutas.includes("piña", -1) // false
frutas[0].includes("man") // true

ES7

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort

Playground - Ordena los productos

Día 15 - Checkpoint

Playground - Sistema de reservaciones de un hotel

Día 16

Programación orientada a objetos en JavaScript

Objetos literales

Playground - Congela el objeto recursivamente

Día 17

Prototipos en JavaScript

Playground - Modifica el prototype de los arrays

Playground - Crea un auto usando clases

Día 18

Abstracción en JavaScript

Playground - Sistema de carrito de compras

Encapsulamiento en JavaScript

Playground - Encapsula datos de los usuarios