ECMAScript 8 (ES8) eller ECMAScript 7 (ES7) ble offisielt utgitt i slutten av juni i FJOR AV tc39 (hva er det?) tc39? Teknisk Komite 39 som er den offisielle komiteen for utviklingen Av Javascript. Denne komiteen gjennomfører møte regelmessig og vanligvis medlemmene er nettleser leverandører ). Nå er standarden å publisere nye spesifikasjoner en gang i året. ES5 ble utgitt i 2009, og etter det var den store utgivelsen ES6 I 2015, ES7 i 2016, Es8 i 2017, Es9 I 2018, Es10 i 2019.
Les Også: CronJ UI Ux Design Company
Es7, Es8, Es9 Og Es10 Funksjoner:
i denne artikkelen vil du lære hvordan du bruker alle de nye funksjonene I JavaScript ES7, ES8, ES9 og ES10 har å tilby med eksempler:
Klasseegenskaper :
Du kan initialisere klasseegenskapene utenfor constructor!
Eksempel:
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 kan brukes til å teste ALLE DE nye funksjonene I ECMA, du kan konfigurere forhåndsinnstillinger og test. Her er et eksempel kjøre i babeljs.io Eksempel
Ja, på samme måte kan du bruke I Javascript nå!.
streng.padEnd () og string.padStart() funksjoner:
dette er bare en måte å legge til ekstra tegn til slutten eller til begynnelsen av en streng.
streng.padStart ()
padStart() metoden pads gjeldende streng med en annen streng (gjentatt, om nødvendig) slik at den resulterende strengen når gitt lengde. Padding brukes fra starten (venstre) av gjeldende streng.
Eksempel:
streng.padEnd ():
padEnd() metoden pads gjeldende streng med en gitt streng (gjentatt, om nødvendig) slik at den resulterende strengen når en gitt lengde. Padding brukes fra slutten (høyre) av gjeldende streng.
for eksempel :
Eksponentiell Operator:
eksponeringsoperatoren returnerer resultatet av å heve den første operanden til den andre operanden. Eksponeringsoperatør er riktig assosiativ. a ** b ** c er lik a ** (b ** c).
Eksempel:
etterfølgende komma:
Etterfølgende komma er tillatt i en matrise, objekt og funksjonsparametere. Nå er dette ikke stort, men det er fint hvis vi glemmer å lukke eller heller avslutte et komma hvis vi lister opp en haug med elementer, spiller det ingen rolle om vi inkluderer den endelige ekstra.
Eksempel:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Objekt.verdier() Og Objekt.oppføringer():
Dette er en måte å behandle våre objekter på som ordbøker hvor vi kan få parameternavnene og de faktiske eller rettere feltnavnene og de faktiske verdiene som er knyttet til dem av henholdsvis verdier eller oppføringer.
Objekt.verdier ()
Du er kjent Med Objektet.tast(). Dette er nøyaktig motsatt Av Objekt.tast().
Eksempel:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Utgang: 100
Objekt.innlegg()
Object.entries() metoden returnerer en matrise av et gitt objekts egen enumerable egenskap par.
Eksempel :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Utgang:
eple 10
oransje 20
druer 30
ananas 40
matrise.prototype.includes ()
Dette er bare enda en matrisefunksjon det er måte juiced å bare avgjøre om en matrise inneholder en verdi.
Asynkrone Funksjoner
i es8 har vi asynkrone funksjoner, dette er igjen en massiv ny funksjon. Asynkrone funksjoner er funksjoner som ikke fungerer etter hverandre som ville være synkrone i stedet de jobber parallelt og tillater oss å utføre flere funksjoner samtidig.
objekt.getOwnPropertyDescriptors ()
Som en måte å skrive ut en stor strengbeskrivelse av et objekt i alle sine enheter.
ES9 Funksjoner:
RegEx endringer
så dette er regulære uttrykk endringer, FOR å være ærlig, jeg personlig ikke liker å bruke regulære uttrykk når det er mulig, og jeg fant faktisk ikke trenger å bruke dem for mye, så vi vil egentlig ikke være dekker regulære uttrykk endres så mye, men hvis du er super interessert kan du definitivt sjekke DEM UT ES9 har lagt til en haug med støtte.
Rest / Spread properties
disse er veldig kule, de tillater oss å bygge opp verdier gjennom å bruke tre ellipser satt sammen, slik at kompilatoren kan tolke hvilke verdier som kommer neste i en serie verdier.
Asynkron iterasjon
det er faktisk den siste store og gir bare kraftigere støtte til vår asynkrone funksjonalitet.
ES10 Funksjoner:
Så Chrome versjon 72 bare rullet ut, noen nye spennende ES10 SOM ER ES 2019-funksjoner i nettleseren for utviklere å bruke, så la oss se på hvilke nye funksjoner vi har I ES10 å se etter.
Matrise.flat ()
starter med flat() og flatmap(), så hvis du har en matrise som i under bildet, kan du se at du bare kan konsollere.logg dette og du har en haug med nestede arrays.
Så Hvis du vil flate hele denne gruppen, må du bruke rekursjon eller du vet at du må gjøre noe ved hjelp av en slags algoritme godt.
Heldigvis Nå JavaScript gir det som standard ved å gjøre bruk av .flat () som rekursivt vil flate arrayet ditt opp til nivået du angir. Så, flat ().
bare spesifiser nivåer, det flater det til ett nivå hvis du gjør det to ganger, vil det flate det til to nivåer.
hvis du vil flate hele arrayet, kan du ganske mye bare passere en uendelig, og det vil flate hele arrayet fra nestede arrays til en renere måte.
Matrise.flatmap ()
På Samme måte har vi flatmap() som fungerer ganske mye som et kart hvis du gjør kart X Og retur la oss si (x, x*2) hvis du konsollerer.logg resultatet du skal se at du får en matrise som ser noe ut som vist i bildet nedenfor nestet.
men hvis du skal gjøre deg flatmap() der, fikk du ikke et fint flatt array for resultatet.
objekt.fromentries ()
kommer til nummer to har vi objekt.fromentries () som i utgangspunktet vet du fra objektpunktoppføringer, kan vi fortsette og lage disse fine, små nøkkelverdiparene av arrays av nøkkelverdi, men nå kan du bare gå videre og få din opprinnelige
objekt tilbake fra denne spesielle arrayen ved å bruke objekt av skjemaoppføringer, og hvis du ikke kan låse objektets opprinnelige objekt, vil du se at vi får vårt nøkkelverdiobjekt tilbake til oss.
Streng.trimstart () Og String.trimend ()
Igjen bringer dette oss til vårt nummer tre som er vårt .trimstart() og .trimend (). Så hvis du har en streng som har lange mellomrom, kan du bare gå videre og gjøre
console.log(string.trimstart())og trykk lagre.
De kommer til å se faktisk la oss bare json dot stringify dette slik at vi er i stand til å se mellomrom slik at du ser bare er backspaces forbli på samme måte hvis du har trim slutten her du kommer til å se bare foran mellomrom forbli, og hvis du bare har trim her du kommer til å se alle mellomrom er borte
Valgfri fangst binding
dette bringer oss til vår valgfrie binding for try-catch som ganske mye betyr nå er du ikke begrenset til å gi fange en feil her hvis du ikke vil ha det, så hvis du kaster en ny feil her, kan du ganske mye få tilgang til det riktig det bruker feil.
Men hvis du på en eller annen måte ikke vil ha det, er du fri til å bare gå videre og gjøre bruk av noe som hei, noe gikk galt, så dette er helt greit.
toString ()
ES9 reviderer også funksjonen.toString () metode så hvis du har en
funksjon min funksjon her, og hvis du gjør konsollen dot logg av min funksjon de to streng hva du skal se er den opprinnelige kildekoden til den aktuelle funksjonen tidligere disse hvite mellomrom disse nye linjene hvis du hadde noen kommandoer her disse ville bli fjernet når du gjør konsollen.logg min funksjonsdør til streng, men nå blir de beholdt, og du får ganske mye tilbake den opprinnelige kildekoden til funksjonen du har skrevet.
sym.beskrivelse
Kommer tilbake til neste forslag som er symbol beskrivelse getter. Så nylig tidligere hva du trenger å gjøre er hvis du ønsker å sammenligne et symbol du må konvertere den til en streng og deretter sammenligne den med et symbol og deretter hva beskrivelsen var riktig?
Fordi hvis du tar en titt for å legge til symbolet der, kan du se at det i utgangspunktet bare er et symbol. Men nå kan du få tilgang til symbolbeskrivelsen med sym.beskrivelse og du kan sjekke at hvis dette er lik din beskrivelse som opprinnelig ble vedtatt.
Leter Du Etter Gratis Budsjett Estimering Rapport For ReactJs Utvikling, NodeJs utvikling, AngularJS Utvikling.?