ECMAScript 8 (ES8) of ECMAScript 7 (ES7) werd eind juni officieel vrijgegeven door TC39 (Wat is TC39? Technisch Comité 39 dat is de officiële commissie voor de evolutie van Javascript. Deze commissie vergadert regelmatig en meestal zijn de leden browserverkopers). Nu is de standaard om eens per jaar nieuwe specificaties te publiceren. ES5 werd gepubliceerd in 2009 en daarna was de belangrijkste release ES6 in 2015, ES7 in 2016, Es8 in 2017, Es9 in 2018, Es10 in 2019.
Lees ook: Cronj UI UX Design Company
Es7, Es8, Es9, and Es10 Features:
in dit artikel leer je hoe je alle nieuwe features van de JavaScript ES7, ES8, ES9 en ES10 kunt gebruiken met voorbeelden:
Class Properties:
je kunt de class properties buiten constructor initialiseren!
Voorbeeld:
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 voor het testen van alle nieuwe eigenschappen van ECMA worden gebruikt, kunt u voorinstellingen configureren en testen. Hier is een voorbeeld run in babeljs.io voorbeeld
Ja, op dezelfde manier kunt u nu in Javascript gebruiken!.
tekenreeks.padEnd () en string.padStart () functies:
dit is gewoon een manier om extra tekens toe te voegen aan het einde of het begin van een tekenreeks.
tekenreeks.padStart ()
de padStart() methode pads de huidige string met een andere string (herhaald, indien nodig) zodat de resulterende string de opgegeven lengte bereikt. De opvulling wordt toegepast vanaf het begin (links) van de huidige tekenreeks.
voorbeeld:
tekenreeks.padEnd ():
de padEnd() methode pads de huidige string met een bepaalde string (herhaald, indien nodig) zodat de resulterende string een bepaalde lengte bereikt. De opvulling wordt toegepast vanaf het einde (rechts) van de huidige tekenreeks.
bijvoorbeeld :
exponentiële Operator:
de exponentiatie operator geeft het resultaat van het verhogen van de eerste operand naar de macht tweede operand. Exponentiatie operator heeft gelijk-associatief. a ** b ** c is gelijk aan a ** (b ** c).
voorbeeld:
Volgkomma:
Volgkomma is toegestaan in een array, object en functie parameters. Nu, dit is niet groot, maar het is leuk als in het geval we vergeten af te sluiten of liever eindigen een komma als we een lijst van een bos van items maakt het niet uit als we die laatste extra een.
Voorbeeld:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Bezwaar.waarden () en Object.vermeldingen():
dit is een manier om onze objecten te behandelen als een soort woordenboeken waarin we de parameternamen en de werkelijke of liever de veldnamen en de werkelijke waarden die ermee verbonden zijn kunnen krijgen door respectievelijk waarden of ingangen.
Object.values()
u kent het Object.toets(). Dit is precies het tegenovergestelde van Object.toets().
Voorbeeld:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Uitvoer: 100
Object.ingangen()
Object.entries() de methode geeft een array van een gegeven object ‘ s eigen enumerable property paren.
Voorbeeld :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Uitvoer:
appel 10
sinaasappel 20
druiven 30
ananas 40
array.prototype.includes ()
dit is gewoon nog een array functie het is veel juiced om gewoon te bepalen of een array een waarde bevat.
Async functies
in es8 hebben we asynchrone functies, dit is opnieuw een enorme nieuwe functie. Asynchrone functies zijn functies die niet de een na de ander werken die synchroon zouden zijn in plaats daarvan werken ze parallel en stellen ons in staat om meerdere functies tegelijkertijd uit te voeren.
object.getOwnPropertyDescriptors ()
als een manier om een grote stringbeschrijving van een object in al zijn entiteiten af te drukken.
ES9 Features:
RegEx changes
dit zijn reguliere expressiewijzigingen, om eerlijk te zijn, Ik vind het persoonlijk niet leuk om reguliere expressies te gebruiken wanneer dat mogelijk is en ik vond dat ik ze eigenlijk niet te veel hoefde te gebruiken, dus we zullen niet echt de reguliere expressiewijzigingen zo veel behandelen, maar als je super geïnteresseerd bent, kun je zeker zien dat ES9 een hoop ondersteuning heeft toegevoegd.
Rest / Spread eigenschappen
deze zijn echt cool ze stellen ons in staat om in wezen bereiken van waarden op te bouwen door het gebruik van drie ellipsen samen dit stelt de compiler in staat om te interpreteren welke waarden komen volgende in een reeks van waarden.
asynchrone iteratie
dat is eigenlijk de laatste grote iteratie en geeft alleen maar krachtiger ondersteuning aan onze asynchrone functionaliteit.
ES10 kenmerken:
zo Chrome versie 72 net uitgerold, een aantal nieuwe spannende ES10 dat is ES 2019 functies in de browser voor ontwikkelaars te gebruiken, dus laten we eens kijken naar welke nieuwe functies hebben we in ES10 te zoeken.
Array.flat()
beginnend met flat() en flatmap(), dus als je een array hebt zoals in onderstaande afbeelding, kun je dit zien, je kunt gewoon console.log dit in en je hebt een hoop geneste arrays.
dus als je deze hele array wilt platleggen moet je recursie gebruiken of je weet dat je iets moet doen met behulp van een soort algoritme.
Gelukkig biedt JavaScript het standaard door gebruik te maken van .flat () die recursief je array plat zou maken tot het niveau dat je opgeeft. Dus, flat ().
specificeer gewoon niveaus, het vlakt het af tot één niveau als je het twee keer doet zou het het plat maken tot twee niveaus.
als je de hele array plat wilt maken, kun je zo goed als een oneindigheid passeren en het zal je hele array plat maken van geneste arrays naar een schonere manier.
Array.flatmap ()
op dezelfde manier hebben we flatmap() die vrijwel hetzelfde werkt als een kaart als je kaart X doet en laat ons zeggen (x, x*2) als je console.log je resultaat Je zult zien dat je een array krijgt die er ongeveer uitziet zoals weergegeven in de onderstaande afbeelding genest.
maar als je daar de flatmap() gaat maken, heb je geen mooie flatten array voor je resultaat gekregen.
object.fromentries ()
bij nummer twee hebben we object.fromentries () wat je in principe weet van object Dot entries we kunnen doorgaan en deze mooie kleine sleutel-waarde paren van arrays van sleutel-waarde rechts maar nu kun je gewoon doorgaan en krijg je originele
object terug van deze specifieke array door het gebruik van object van vorm entries en als je je object originele object niet kunt vergrendelen zul je zien dat we ons sleutel-waarde object terug naar ons.
tekenreeks.trimstart () en String.trimend()
dit brengt ons weer bij ons nummer drie dat onze is .trimstart () en .trimend(). Dus als je een tekenreeks hebt die lange spaties heeft, kun je gewoon doorgaan en
console.log(string.trimstart())doen en op Opslaan drukken.
Ze gaan zien eigenlijk laten we gewoon json dot stringify dit dus dat wij in staat zijn om de ruimtes zo zie je alleen zijn backspaces blijven ook als u de trim einde hier je gaat zien alleen de voorkant spaties blijven en als je gewoon trim hier bent u gaat al uw ruimtes zijn gegaan
Optioneel vangen bindende
Dit brengt ons tot onze optionele bindend voor try-vangen die vrij veel betekent nu bent u niet gebonden te geven met de vangst van een fout hier als u niet wilt dat het zo gooi je een nieuwe fout hier kon je vrijwel toegang tot het recht er wordt Fout gebruikt.
maar als je het op de een of andere manier niet wilt, ben je vrij om gewoon verder te gaan en gebruik te maken van iets als hey something went wrong right so this is completely fine.
toString ()
ES9 herziet ook de functie.toString () methode dus als je een
functie mijn functie hier hebt en als je console dot log van mijn functie de twee string wat je gaat zien is de originele broncode van die specifieke functie eerder deze witruimtes deze nieuwe regels als je hier commando ‘ s had zouden deze verwijderd worden wanneer je console doet.log mijn functie deur naar string maar nu zijn ze behouden en je krijgt vrijwel je originele broncode terug van de functie die je hebt geschreven.
sym.description
terugkomend op het volgende voorstel dat symbool Beschrijving getter is. Dus onlangs eerder wat je moet doen is als je een symbool wilt vergelijken moet je het omzetten in een string en dan vergelijken met een symbool en dan wat je beschrijving juist was?
want als je kijkt om het symbool daar toe te voegen kun je zien dat het in principe gewoon een symbool is. Maar wat je nu zou kunnen doen is toegang krijgen tot de beschrijving van het symbool met de sym.beschrijving en u kunt controleren of dit gelijk is aan uw beschrijving die oorspronkelijk werd doorgegeven.
Looking for Free Budget Estimation Report for ReactJs Development, NodeJs development, AngularJS Development.?