ECMAScript 8 (ES8) o ECMAScript 7 (ES7) è stato ufficialmente rilasciato l’ultimo anno-fine giugno da TC39 (che cosa è TC39? Comitato Tecnico 39 che è il comitato ufficiale per l’evoluzione di Javascript. Questo comitato conduce riunione regolarmente e di solito i membri sono fornitori di browser). Ora lo standard è quello di pubblicare nuove specifiche una volta all’anno. ES5 è stato pubblicato nel 2009 e successivamente, la versione principale è stata ES6 nel 2015, ES7 nel 2016, Es8 nel 2017, Es9 nel 2018, Es10 nel 2019.
Leggi Anche: CronJ UI UX Design Company
Es7, Es8, Es9, e Es10 Caratteristiche:
In questo articolo, imparerete come sfruttare tutte le nuove funzionalità di JavaScript ES7, ES8, ES9, e ES10 hanno da offrire con esempi:
Proprietà di Classe :
È possibile inizializzare le proprietà della classe al di fuori del costruttore!
Esempio:
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 = { } }Babelj.IO può essere utilizzato per testare tutte le nuove funzionalità di ECMA, è possibile configurare preset e test. Ecco un esempio eseguito in babeljs.io Esempio
Sì, allo stesso modo, è possibile utilizzare in Javascript ora!.
stringa.padEnd () e stringa.padStart () funzioni:
Questo è solo un modo per aggiungere caratteri extra alla fine o all’inizio di una stringa.
stringa.padStart()
Il metodo padStart() riempie la stringa corrente con un’altra stringa (ripetuta, se necessario) in modo che la stringa risultante raggiunga la lunghezza specificata. Il padding viene applicato dall’inizio (a sinistra) della stringa corrente.
Esempio:
stringa.padEnd():
Il metodo padEnd() riempie la stringa corrente con una data stringa (ripetuta, se necessario) in modo che la stringa risultante raggiunga una data lunghezza. Il padding viene applicato dalla fine (a destra) della stringa corrente.
Per esempio :
Operatore esponenziale:
L’operatore di esponenziazione restituisce il risultato dell’innalzamento del primo operando al secondo operando di potenza. L’operatore di esponenziazione è giusto-associativo. a ** b ** c è uguale a a ** (b ** c).
Esempio:
Virgola finale:
Virgola finale è consentito in un array, oggetto e parametri di funzione. Ora, questo non è enorme, ma è bello se nel caso in cui ci dimentichiamo di chiudere o piuttosto terminare una virgola se stiamo elencando un gruppo di elementi non importa se includiamo quella finale extra.
Esempio:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Oggetto.valori() e Oggetto.entrata():
Questo è un modo per trattare i nostri oggetti come dizionari in cui possiamo ottenere i nomi dei parametri e i nomi reali o piuttosto i nomi dei campi e i valori effettivi ad essi associati rispettivamente da valori o voci.
Oggetto.values ()
Si ha familiarità con l’oggetto.chiave(). Questo è esattamente l’opposto dell’Oggetto.chiave().
Esempio:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Uscita: 100
Oggetto.voci()
Object.entries() il metodo restituisce un array di coppie di proprietà enumerabili di un determinato oggetto.
Esempio :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Uscita:
mela 10
arancia 20
uva 30
ananas 40
array.prototipo.include ()
Questa è solo un’altra funzione di array che è molto utile per determinare se un array contiene un valore.
Funzioni asincrone
In es8 abbiamo funzioni asincrone, questa è di nuovo una nuova enorme funzionalità. Le funzioni asincrone sono funzioni che non funzionano una dopo l’altra che sarebbero sincrone invece funzionano in parallelo e ci permettono di eseguire più funzioni tutte allo stesso tempo.
oggetto.getOwnPropertyDescriptors()
Come un modo per stampare una grande descrizione stringa di un oggetto in tutte le sue entità.
ES9 Features:
RegEx changes
Quindi si tratta di modifiche alle espressioni regolari, ad essere onesti, personalmente non mi piace usare le espressioni regolari quando possibile e ho scoperto che in realtà non è necessario usarle troppo, quindi non copriremo così tanto le modifiche alle espressioni regolari, tuttavia se sei super interessato puoi sicuramente controllare quelle ES9 ha aggiunto un sacco di supporto.
Rest/Spread properties
questi sono davvero fantastici ci permettono di costruire essenzialmente intervalli di valori usando tre ellissi messi insieme questo permette al compilatore di interpretare quali valori vengono dopo in una serie di valori.
Iterazione asincrona
questo è in realtà l’ultimo grande e presta solo un supporto più potente alla nostra funzionalità asincrona.
ES10 Caratteristiche:
Così Chrome versione 72 appena srotolato, alcuni nuovi ES10 emozionante che è ES 2019 caratteristiche nel suo browser per gli sviluppatori di utilizzare quindi diamo un’occhiata a quali nuove funzionalità abbiamo in ES10 per cercare.
Matrice.flat()
iniziando con flat () e flatmap (), quindi se hai un array come nell’immagine sotto, questo potresti vedere che potresti semplicemente console.registra questo e hai un sacco di array nidificati.
Quindi se vuoi appiattire l’intero array devi usare la ricorsione o sai che devi fare qualcosa usando una sorta di algoritmo bene.
Fortunatamente ora JavaScript lo fornisce di default facendo uso di .flat () che appiattirebbe ricorsivamente il tuo array fino al livello specificato. Quindi, piatto ().
Basta specificare i livelli, lo appiattisce a un livello se lo fai due volte lo appiattirebbe a due livelli.
Se vuoi appiattire l’intero array potresti semplicemente passare un infinito e appiattirà l’intero array da array nidificati a un modo più pulito.
Matrice.flatmap()
Allo stesso modo, abbiamo flatmap() che funziona praticamente come una mappa se fai la mappa X e restituisci diciamo (x, x*2) se consoli.registra il tuo risultato vedrai che ottieni un array che assomiglia a quello mostrato nell’immagine qui sotto annidata.
ma se hai intenzione di farti la flatmap() lì, non hai ottenuto un buon array appiattito per il tuo risultato.
oggetto.fromentries ()
venendo al numero due abbiamo oggetto.’fromentries () che fondamentalmente sai dalle voci punto oggetto potremmo andare avanti e creare queste belle coppie chiave-valore di array di valore chiave giusto, ma ora potresti semplicemente andare avanti e ottenere il tuo oggetto originale
da questo particolare array usando object of form entries e se non riesci a bloccare il tuo oggetto oggetto originale vedrai che otteniamo il nostro oggetto chiave-valore di nuovo a noi.
Stringa.trimstart () e Stringa.trimend ()
Ancora una volta questo ci porta al nostro numero tre che è il nostro .trimstart () e .trimend(). Quindi, se hai una stringa che ha spazi lunghi, puoi semplicemente andare avanti e fare
console.log(string.trimstart())e premere salva.
stanno andando a vedere in realtà facciamo solo json dot stringify questo modo che siamo in grado di vedere gli spazi in modo da vedere solo sono i caratteri di backspace rimangono allo stesso modo se si dispone di tagliare fine qui si sta andando a vedere solo il frontale spazi rimangono e se devi solo tagliare a destra qui si sta andando a vedere tutti i tuoi spazi sono andato
fermo Opzionale associazione
Questo ci porta alla nostra opzionale vincolante per provare-cattura che praticamente significa che ora non sei costretto a dare la cattura di un errore proprio qui, se non vogliamo, quindi, se si lancia un nuovo errore, qui a destra si potrebbe quasi di accesso a destra lì usando l’errore.
Ma se in qualche modo non lo vuoi, sei libero di andare avanti e fare uso di qualcosa come hey qualcosa è andato storto, quindi questo va completamente bene.
toString ()
ES9 rivede anche la funzione.Metodo toString() quindi se hai una funzione
la mia funzione qui e se fai console dot log della mia funzione le due stringhe quello che vedrai è il tuo codice sorgente originale di quella particolare funzione prima questi spazi bianchi queste nuove linee se avessi dei comandi qui questi sarebbero stati rimossi quando lo fai console.accedi alla mia funzione porta alla stringa ma ora vengono mantenuti e praticamente riavrai il tuo codice sorgente originale della funzione che hai scritto.
sym.descrizione
Tornando alla prossima proposta che è simbolo descrizione getter. Quindi recentemente prima quello che devi fare è se vuoi confrontare un simbolo devi convertirlo in una stringa e poi confrontarlo con un simbolo e quindi qualunque sia la tua descrizione giusta?
Perché se si dà un’occhiata per aggiungere il simbolo proprio lì si può vedere che fondamentalmente solo un simbolo. Ma ora quello che potresti fare è accedere alla descrizione del simbolo con il sym.descrizione e potresti verificare che se questo è uguale alla tua descrizione che è stata originariamente passata.
Alla ricerca di un rapporto di stima del budget gratuito per lo sviluppo di ReactJs, lo sviluppo di NodeJS, lo sviluppo di AngularJS.?