ECMAScript 8 (ES8) eller ECMAScript 7 (ES7) släpptes officiellt förra året-slutet av juni av TC39 (vad är tc39? Technical Committee 39 som är det officiella Utskottet för utvecklingen av Javascript. Detta utskott genomför möte regelbundet och vanligtvis medlemmarna är webbläsare leverantörer ). Nu är standarden att publicera nya SPECIFIKATIONER en gång om året. ES5 publicerades 2009 och efter det var den stora utgåvan ES6 2015, ES7 2016, Es8 2017, Es9 2018, Es10 2019.
Läs också: CronJ UI UX Design Company
Es7, Es8, Es9 och Es10 funktioner:
i den här artikeln kommer du att lära dig att använda alla nya funktioner i JavaScript ES7, ES8, ES9 och ES10 har att erbjuda med exempel:
klassegenskaper :
du kan initiera klassegenskaperna utanför konstruktören!
Exempel:
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 användas för att testa alla nya funktioner i ECMA, du kan konfigurera förinställningar och testa. Här är ett exempel som körs i babeljs.io exempel
ja, på samma sätt kan du använda i Javascript nu!.
sträng.padEnd () och sträng.padStart () funktioner:
detta är bara ett sätt att lägga till extra tecken i slutet eller i början av en sträng.
sträng.padStart ()
metoden padStart() pads den aktuella strängen med en annan sträng (upprepad, om det behövs) så att den resulterande strängen når den angivna längden. Stoppningen appliceras från början (vänster) av den aktuella strängen.
exempel:
sträng.padend ():
metoden padEnd() pads den aktuella strängen med en given sträng (upprepad, om det behövs) så att den resulterande strängen når en given längd. Vadderingen appliceras från slutet (höger) av den aktuella strängen.
till exempel :
exponentiell operatör:
exponentieringsoperatören returnerar resultatet av att höja den första operanden till power second operand. Exponentieringsoperatören är rätt associativ. a ** b ** c är lika med a ** (b ** c).
exempel:
avslutande komma:
avslutande komma är tillåtet i en array, objekt och funktionsparametrar. Nu är det inte stort men det är trevligt om vi glömmer att stänga eller snarare avsluta ett komma om vi listar en massa saker spelar det ingen roll om vi inkluderar den sista extra.
Exempel:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Objekt.värden () och objekt.post():
Detta är ett sätt att behandla våra objekt ungefär som ordböcker där vi kan få parameternamnen och de faktiska eller snarare fältnamnen och de faktiska värdena som är associerade med dem med antingen värden eller poster.
objekt.värden ()
du är bekant med objekt.nyckel(). Detta är exakt motsatsen till objekt.nyckel().
Exempel:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Utgång: 100
Objekt.inlägg()
Object.entries() metoden returnerar en array av ett givet objekts egen uppräkningsbara egenskap par.
Exempel :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Utgång:
äpple 10
apelsin 20
druvor 30
ananas 40
array.prototypstadiet.inkluderar ()
Detta är bara ännu en array funktion det är sätt juiced att bara avgöra om en array innehåller ett värde.
Async-funktioner
i es8 har vi asynkrona funktioner, det här är återigen en massiv ny funktion. Asynkrona funktioner är funktioner som inte fungerar efter varandra som skulle vara synkrona istället fungerar de parallellt och tillåter oss att utföra flera funktioner samtidigt.
objekt.getOwnPropertyDescriptors ()
som ett sätt att skriva ut en stor strängbeskrivning av ett objekt i alla dess enheter.
ES9 funktioner:
RegEx förändringar
så detta är reguljära uttryck förändringar, för att vara ärlig, jag personligen inte gillar att använda reguljära uttryck när det är möjligt och jag hittade faktiskt inte behöver använda dem för mycket så vi kommer inte riktigt att täcka de reguljära uttryck ändras så mycket men om du är super intresserad kan du definitivt kolla in dem ES9 har lagt till en massa stöd.
Rest / Spread properties
dessa är riktigt coola de tillåter oss att väsentligen bygga upp värden genom att använda tre ellipser sätta ihop detta gör att kompilatorn kan tolka vilka värden som kommer nästa i en serie värden.
asynkron iteration
det är faktiskt den sista stora och ger bara kraftfullare stöd till vår asynkrona funktionalitet.
ES10 funktioner:
så Chrome version 72 rullade bara ut, några nya spännande ES10 som är ES 2019-funktioner i sin webbläsare för utvecklare att använda så låt oss ta en titt på vilka nya funktioner vi har i ES10 att leta efter.
Array.flat()
börjar med flat() och flatmap(), så om du har en array som i bilden nedan kan du se att du bara kan konsolera.logga in detta och du har en massa kapslade matriser.
så om du vill platta hela denna array måste du använda rekursion eller du vet att du måste göra något med någon form av algoritm väl.
lyckligtvis nu JavaScript ger det som standard genom att använda sig av .platt () som rekursivt skulle platta din array upp till den nivå du anger. Så, platt ().
ange bara nivåer, det plattar det till en nivå om du gör det två gånger skulle det platta det till två nivåer.
om du vill platta hela arrayen kan du ganska mycket bara passera en oändlighet och det kommer att platta hela din array från kapslade arrayer till ett renare sätt.
Array.flatmap ()
på samma sätt har vi flatmap() som fungerar ganska mycket precis som en karta om du kartlägger X och returnerar låt oss säga (x, x*2) om du konsolerar.logga ditt resultat du kommer att se att du får en array som ser ut som visas i nedanstående bild kapslad.
men om du ska göra dig flatmap() där, fick du inte en fin platt array för ditt resultat.
objekt.fromentries ()
kommer till nummer två har vi objekt.fromentries () som i princip du vet från objekt dot poster vi kunde gå vidare och skapa dessa fina små nyckel-värde par av matriser av nyckel-värde rätt men nu kan du bara gå vidare och få din ursprungliga
objekt tillbaka från denna array med hjälp av objekt av formulärposter och om du inte kan låsa objektet ursprungliga objektet du kommer att se att vi får vår nyckel-värde objekt tillbaka till oss.
sträng.trimstart () och sträng.trimend ()
återigen leder detta oss till vårt nummer tre som är vårt .trimstart () och .trimend (). Så om du har en sträng som har långa mellanslag kan du bara gå vidare och göra
console.log(string.trimstart())och slå spara.
de kommer att se faktiskt låt oss bara json dot stringify detta så att vi kan se utrymmena så att du bara ser är backspaces kvar på samma sätt om du har trim slutet Här kommer du bara se dina främre utrymmen kvar och om du bara har trim här kommer du att se alla dina utrymmen är borta
valfri fångstbindning
detta leder oss till vår valfria bindning för try-catch begränsad att ge fånga ett fel här om du inte vill ha det så om du kastar ett nytt fel här rätt kan du ganska mycket komma åt det rätt det använder fel.
men om du på något sätt inte vill ha det är du fri att bara gå vidare och använda något som Hej något gick fel rätt så det här är helt bra.
toString()
ES9 reviderar också funktionen.toString () metod så om du har en
funktion min funktion här och om du gör konsol dot logg av min funktion de två strängen vad du kommer att se är din ursprungliga källkoden för just den funktionen tidigare dessa vita utrymmen dessa nya linjer om du hade några kommandon här dessa skulle tas bort när du gör konsolen.logga min funktionsdörr till sträng men nu behålls de och du får ganska mycket tillbaka din ursprungliga källkod för den funktion som du har skrivit.
sym.beskrivning
kommer tillbaka till nästa förslag som är symbol Beskrivning getter. Så nyligen tidigare vad du behöver göra är att om du vill jämföra en symbol måste du konvertera den till en sträng och sedan jämföra den med en symbol och sedan vad din beskrivning var rätt?
för om du tittar på att lägga till symbolen där kan du se att det i princip bara är en symbol. Men nu kan du komma åt symbolbeskrivningen med sym.beskrivning och du kan kontrollera att om detta är lika med din beskrivning som ursprungligen passerade.
letar du efter gratis Budgetberäkningsrapport för ReactJs-utveckling, NodeJS-utveckling, AngularJS-utveckling.?