ECMAScript 8 (ES8) eller ECMAScript 7 (ES7) blev officielt frigivet sidste år-slutningen af juni af TC39 (hvad er tc39? Teknisk Udvalg 39, som er det officielle udvalg for udviklingen af Javascript. Dette udvalg afholder møde regelmæssigt,og normalt er medlemmerne leverandører). Nu er standarden at offentliggøre nye SPECIFIKATIONER en gang om året. ES5 blev udgivet i 2009, og derefter var den største udgivelse ES6 i 2015, ES7 i 2016, Es8 i 2017, Es9 i 2018, Es10 i 2019.
Læs også: Cronj UI Design Company
Es7, Es8, Es9 og Es10 funktioner:
i denne artikel lærer du, hvordan du bruger alle de nye funktioner i JavaScript ES7, ES8, ES9 og ES10 har at byde på med eksempler:
klasseegenskaber :
du kan bruge kan initialisere klassen egenskaber uden for konstruktør!
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 bruges til at teste alle de nye funktioner i ECMA, du kan konfigurere forudindstillinger og test. Her er et eksempel kørt i babeljs.io eksempel
Ja, På samme måde kan du bruge i Javascript nu!.
streng.padEnd () og string.padStart () funktioner:
dette er bare en måde at tilføje ekstra tegn til slutningen eller til begyndelsen af en streng.
streng.padStart ()
metoden padStart() pads den aktuelle streng med en anden streng (gentages om nødvendigt), så den resulterende streng når den givne længde. Polstringen påføres fra starten (venstre) af den aktuelle streng.
eksempel:
streng.padEnd ():
padEnd() metoden pads den aktuelle streng med en given streng (gentages, hvis nødvendigt), så den resulterende streng når en given længde. Polstringen påføres fra enden (højre) af den aktuelle streng.
for eksempel :
eksponentiel operatør:
eksponentieringsoperatoren returnerer resultatet af at hæve den første operand til den anden operand. Eksponentieringsoperatøren er right-associative. a ** b ** c er lig med a ** (b ** c).
eksempel:
efterfølgende komma:
efterfølgende komma er tilladt i et array, objekt og funktionsparametre. Nu er dette ikke stort, men det er rart, hvis vi glemmer at lukke eller hellere afslutte et komma, hvis vi viser en masse ting, betyder det ikke noget, om vi inkluderer den sidste ekstra.
Eksempel:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Objekt.værdier () og objekt.post():
dette er en måde at behandle vores objekter på som ordbøger, hvor vi kan få parameternavne og de faktiske eller rettere feltnavne og de faktiske værdier, der er knyttet til dem af henholdsvis værdier eller poster.
objekt.værdier ()
du er bekendt med objektet.nøgle(). Dette er nøjagtigt modsat af objekt.nøgle().
Eksempel:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Udgang: 100
Objekt.poster()
Object.entries() metoden returnerer et array af et givet objekts egen optællbare egenskab par.
Eksempel :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Output:
æble 10
orange 20
druer 30
ananas 40
array.prototype.inkluderer ()
dette er bare endnu en array-funktion, det er måde juiced at bare afgøre, om et array indeholder en værdi.
Async-funktioner
i es8 har vi asynkrone funktioner, Dette er igen en massiv ny funktion. Asynkrone funktioner er funktioner, der ikke fungerer efter hinanden, der ville være synkrone i stedet fungerer de parallelt og giver os mulighed for at udføre flere funktioner på samme tid.
objekt.Hent propertydescriptors ()
som en måde at udskrive en stor strengbeskrivelse af et objekt i alle dets enheder.
ES9 funktioner:
Regeksændringer
så dette er ændringer i regulære udtryk, for at være ærlig, kan jeg personligt ikke lide at bruge regulære udtryk, når det er muligt, og jeg fandt faktisk ikke behøver at bruge dem for meget, så vi ikke rigtig dækker ændringerne i regulære udtryk så meget, men hvis du er super interesseret, kan du helt sikkert tjekke dem ud ES9 har tilføjet en masse support.
Rest/Spread properties
disse er virkelig seje, de giver os mulighed for i det væsentlige at opbygge værdiområder ved hjælp af tre ellipser sammensat dette giver kompilatoren mulighed for at fortolke, hvilke værdier der kommer næste i en række værdier.
asynkron iteration
det er faktisk den sidste store og giver bare mere kraftfuld støtte til vores asynkrone funktionalitet.
ES10 funktioner:
så Chrome version 72 rullede lige ud, nogle nye spændende ES10, der er ES 2019-Funktioner i sin bro.ser, som udviklere kan bruge, så lad os se på, hvilke nye funktioner vi har i ES10 at se efter.
Array.flad ()
starter med flad() og flatmap(), så hvis du har et array som i nedenstående billede, Kunne du se, at du bare kunne konsolere.log dette, og du har en masse indlejrede arrays.
så hvis du vil flade hele dette array, skal du bruge rekursion, eller du ved, at du skal gøre noget ved hjælp af en slags algoritme godt.
heldigvis nu JavaScript giver det som standard ved at gøre brug af .flad (), som rekursivt ville flade dit array op til det niveau, du angiver. Så flad ().
Angiv bare niveauer, det flader det til et niveau, hvis du gør det to gange, ville det flade det til to niveauer.
hvis du vil flade hele arrayet, kan du stort set bare passere en uendelighed, og det vil flade hele arrayet fra indlejrede arrays til en renere måde.
Array.flatmap ()
Tilsvarende har vi flatmap (), der fungerer stort set ligesom et kort, hvis du gør kort og retur lad os sige (2), hvis du konsolerer.log dit resultat du vil se, at du får et array, der ligner noget vist i nedenstående billede indlejret.
men hvis du skal gøre dig til flatmap() der, fik du ikke et godt fladt array til dit resultat.
objekt.fromentries ()
kommer til nummer to har vi objekt.fromentries () som dybest set du kender fra object dot poster vi kunne gå videre og skabe disse fine lille nøgle-værdi par arrays af nøgle-værdi ret, men nu Kan du bare gå videre og få din oprindelige
objekt tilbage fra denne særlige array ved hjælp af object of form poster, og hvis du ikke kan låse dit objekt oprindelige objekt du vil se, at vi får vores nøgle-værdi objekt tilbage til os.
streng.trimstart () og String.trimend ()
igen bringer dette os til vores nummer tre, som er vores .trimstart () og .trimend (). Så hvis du har en streng, der har lange mellemrum, kan du bare gå videre og gøre
console.log(string.trimstart())og tryk på Gem.
de vil faktisk se, lad os bare json dot stringify dette, så vi er i stand til at se mellemrummene, så du kun ser er backspaces forbliver på samme måde, hvis du har trim ende lige her, vil du kun se dine forreste rum tilbage, og hvis du bare har trim lige her, vil du se alle dine rum er væk
valgfri fangstbinding
dette bringer os til vores valgfri binding til try-catch, der stort set betyder, at nu er du ikke begrænset at give fange en fejl lige her, hvis du ikke vil have det, så hvis du kaster en ny fejl her, kan du stort set få adgang til det rigtigt der bruger fejl.
men hvis du på en eller anden måde ikke vil have det, er du fri til bare at gå videre og gøre brug af noget som hey noget gik galt rigtigt, så det er helt fint.
toString()
ES9 reviderer også funktionen.toString () metode, så hvis du har en
funktion min funktion her, og hvis du gør konsol dot log af min funktion de to streng, hvad du vil se, er din oprindelige kildekode for den pågældende funktion tidligere disse hvide mellemrum disse nye linjer, hvis du havde nogen kommandoer her disse ville blive fjernet, når du gør konsol.log min funktionsdør til streng, men nu bevares de, og du får stort set din originale kildekode for den funktion, du har skrevet.
sym.beskrivelse
kommer tilbage til det næste forslag, der er symbol description getter. Så for nylig tidligere hvad du skal gøre er, hvis du vil sammenligne et symbol, skal du konvertere det til en streng og derefter sammenligne det med et symbol og så hvad din beskrivelse var rigtig?
fordi hvis du kigger for at tilføje symbolet lige der, kan du se, at det stort set bare er et symbol. Men nu Kan du få adgang til symbolbeskrivelsen med sym.beskrivelse og du kan kontrollere, at hvis dette er lig med din beskrivelse, som oprindeligt blev bestået.
Leder du efter gratis Budget Estimeringsrapport for ReactJS udvikling, NodeJs udvikling, AngularJS udvikling.?