ECMAScript 8 (ES8) o ECMAScript 7 (ES7) fue lanzado oficialmente a finales de junio por TC39 (lo que ¿TC39? Comité Técnico 39, que es el comité oficial para la evolución de Javascript. Este comité se reúne regularmente y, por lo general, los miembros son proveedores de navegadores ). Ahora el estándar es publicar nuevas especificaciones una vez al año. ES5 se publicó en 2009 y después de eso, el lanzamiento principal fue ES6 en 2015, ES7 en 2016, Es8 en 2017, Es9 en 2018, Es10 en 2019.
Lea también: CronJ UI UX Design Company
Es7, Es8, Es9 y Es10 Características:
En este artículo, aprenderá a utilizar todas las nuevas características de JavaScript ES7, ES8, ES9 y ES10 con ejemplos:
Propiedades de clase :
puede inicializar las propiedades de clase fuera de constructor!
Ejemplo:
class Animal { constructor() { this.name = "Lion" } age = 0;}That will be complied to: class Animal { constructor() { this.age = 0; this.name = "Lion"; } }Especially react developers can relate easily state! and initialProps!: class Animal { constructor() { this.name = "Lion" } age = 0; state = { } initialProps = { } }BabelJs.IO se puede utilizar para probar todas las nuevas características de ECMA, puede configurar ajustes preestablecidos y probar. Aquí hay un ejemplo de ejecución en babeljs.io Ejemplo
Sí, de la misma manera, ¡puede usar en Javascript ahora!.
cadena.padEnd () y string.Funciones padStart ():
Esta es solo una forma de agregar caracteres adicionales al final o al principio de una cadena.
cadena.padStart ()
El método padStart() rellena la cadena actual con otra cadena (repetida, si es necesario) para que la cadena resultante alcance la longitud dada. El relleno se aplica desde el inicio (izquierda) de la cadena actual.
Ejemplo:
.padEnd ():
El método padEnd() rellena la cadena actual con una cadena dada (repetida, si es necesario) para que la cadena resultante alcance una longitud determinada. El relleno se aplica desde el final (a la derecha) de la cadena actual.
Por ejemplo :
Operador exponencial:
El operador de exponenciación devuelve el resultado de elevar el primer operando al segundo operando de potencia. El operador de exponenciación es asociativo derecho. a ** b ** c es igual a a ** (b ** c).
Ejemplo:
Coma final:
La coma final se permite en parámetros de matriz, objeto y función. Ahora, esto no es enorme, pero es bueno si en caso de que nos olvidemos de cerrar o más bien terminar una coma si estamos listando un montón de artículos, no importa si incluimos ese último extra.
Ejemplo:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Objeto.valores () y objeto.entrada():
Esta es una forma de tratar nuestros objetos como diccionarios en los que podemos obtener los nombres de los parámetros y los nombres de campo reales o más bien los nombres de campo y los valores reales asociados a ellos por valores o entradas respectivamente.Objeto
.values()
Está familiarizado con Object.claves(). Esto es exactamente lo opuesto al Objeto.claves().
Ejemplo:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Salida: 100
Objeto.entradas()
Object.entries() el método devuelve una matriz de pares de propiedad enumerable de un objeto dado.
Ejemplo :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Salida:
manzana 10
orange 20
uvas 30
piña 40
array.prototipo.includes ()
Esta es solo otra función de matriz que es muy útil para determinar si una matriz contiene un valor.
Funciones asíncronas
En es8 tenemos funciones asíncronas, esta es una nueva característica masiva. Las funciones asíncronas son funciones que no funcionan una tras otra, sino que serían síncronas, funcionan en paralelo y nos permiten ejecutar múltiples funciones al mismo tiempo.
objeto.getOwnPropertyDescriptors ()
Como una forma de imprimir una descripción de cadena grande de un objeto en todas sus entidades.
Características de ES9:
Cambios de expresiones regulares
Así que esto son cambios de expresiones regulares, para ser honesto, personalmente no me gusta usar expresiones regulares cuando es posible y descubrí que en realidad no tengo que usarlas demasiado, por lo que no cubriremos tanto los cambios de expresiones regulares, sin embargo, si está súper interesado, definitivamente puede comprobar que ES9 ha agregado un montón de soporte.
Propiedades Rest/Spread
estas son realmente geniales, nos permiten esencialmente construir rangos de valores mediante el uso de tres elipses juntas, esto permite al compilador interpretar los valores que vienen a continuación en una serie de valores.
Iteración asíncrona
en realidad, esta es la última gran iteración y proporciona un soporte más potente a nuestra funcionalidad asíncrona.Características de
ES10:
Así que la versión 72 de Chrome acaba de lanzarse, algunas nuevas y emocionantes características de ES10 que es ES 2019 en su navegador para que las usen los desarrolladores, así que echemos un vistazo a las nuevas características que tenemos en ES10 para buscar. Array
.flat ()
comenzando con flat () y flatmap (), por lo que si tiene un array como en la imagen de abajo, puede ver que solo puede consolar.registre esto y tendrá un montón de matrices anidadas.
Así que si quieres aplanar todo este arreglo tienes que usar recursión o sabes que tienes que hacer algo usando algún tipo de algoritmo bien.
Afortunadamente ahora JavaScript lo proporciona de forma predeterminada al hacer uso de .flat() que aplanaría recursivamente tu matriz hasta el nivel que especifiques. Entonces, plano().
Simplemente especifique los niveles, lo aplana a un nivel si lo hace dos veces, lo aplanaría a dos niveles.
Si desea aplanar toda la matriz, podría simplemente pasar un infinito y aplanará toda la matriz de matrices anidadas a una forma más limpia. Array
.flatmap()
del mismo modo, tenemos flatmap (), que funciona prácticamente igual que un mapa si usted mapa X y volver digamos que (x, x*2) si la consola.registre su resultado verá que obtiene una matriz que se ve como se muestra en la siguiente imagen anidada.
pero si vas a convertirte en flatmap() allí, no conseguiste un buen array de aplanamiento para tu resultado.
objeto.fromentries ()
llegando al número dos tenemos object.fromentries (), que básicamente sabes a partir de entradas de puntos de objeto, podríamos seguir adelante y crear estos pequeños pares de matrices clave-valor de clave-valor, pero ahora puedes seguir adelante y recuperar tu objeto original
de esta matriz en particular usando entradas de objeto de formulario y si no puedes bloquear tu objeto objeto original, verás que recuperamos nuestro objeto clave-valor.
Cadena.trimstart () y String.trimend ()
De nuevo esto nos lleva a nuestro número tres que es nuestro .trimstart() y .trimend (). Así que si tienes una cadena que tiene espacios largos, puedes seguir adelante y hacer
console.log(string.trimstart())y presionar guardar.
Van a ver que en realidad vamos a hacer una cadena de puntos json para que podamos ver los espacios para que veas que solo quedan espacios traseros de manera similar si tienes un extremo de recorte justo aquí, vas a ver que solo quedan tus espacios frontales y si solo tienes un borde justo aquí, vas a ver que todos tus espacios se han ido
Enlace de captura opcional
Esto nos lleva a nuestro enlace opcional dale a catch un error aquí si no lo quieres, por lo que si lanzas un nuevo error aquí, podrías acceder a él de forma correcta hay error de uso.
Pero si de alguna manera no lo quieres, eres libre de seguir adelante y hacer uso de algo como hey, algo salió mal, así que esto está completamente bien.
toString()
ES9 también revisa la función.toString () método así que si tienes una función
mi función aquí y si haces log de puntos de consola de mi función las dos cadenas lo que vas a ver es tu código fuente original de esa función en particular antes estos espacios en blanco estas nuevas líneas si tuvieras comandos aquí, estos serían eliminados cuando hagas consola.registre la puerta de mi función en la cadena, pero ahora se conservan y prácticamente recupera el código fuente original de la función que ha escrito.
sym.descripción
Volviendo a la siguiente propuesta que es el captador de descripción de símbolos. Así que recientemente, lo que tienes que hacer es si quieres comparar un símbolo, tienes que convertirlo en una cadena y luego compararlo por un símbolo y luego, ¿cuál sea tu descripción correcta?
Porque si echas un vistazo para agregar el símbolo allí mismo, puedes ver que básicamente es solo un símbolo. Pero ahora lo que puedes hacer es acceder a la descripción del símbolo con el sym.descripción y usted podría comprobar que si esto es igual a su descripción que se pasó originalmente.
Buscando un Informe de Estimación de Presupuesto Gratuito para el Desarrollo de ReactJS, el desarrollo de NodeJS, el Desarrollo de AngularJS.?