ECMAScript 8 (ES8) sau ECMAScript 7 (ES7) a fost lansat oficial în ultimul an-sfârșitul lunii iunie de către TC39 tc39? Comitetul tehnic 39 care este Comitetul oficial pentru evoluția Javascript. Acest comitet desfășoară întâlniri în mod regulat și, de obicei, membrii sunt furnizori de browser ). Acum, standardul este de a publica noi specificații o dată pe an. ES5 a fost publicat în 2009 și după aceea, lansarea majoră a fost ES6 în 2015, ES7 în 2016, Es8 în 2017, Es9 în 2018, Es10 în 2019.
Citește și: CronJ UI UX Design Company
Es7, Es8, Es9 și Es10 caracteristici:
în acest articol, veți învăța cum să utilizați toate noile caracteristici ale JavaScript ES7, ES8, ES9 și ES10 trebuie să le oferiți cu exemple:
Proprietăți de clasă :
poate inițializa proprietățile de clasă în afara constructor!
Exemplu:
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 poate fi folosit pentru testarea toate noile caracteristici ale ECMA, puteți configura presetări și de testare. Iată un exemplu rulat în babeljs.io exemplu
Da, În același mod, puteți utiliza în Javascript acum!.
șir.padEnd () și șir.padStart () funcții:
aceasta este doar o modalitate de a adăuga caractere suplimentare la sfârșitul sau la începutul unui șir.
șir.padStart ()
metoda padStart() tamponează șirul curent cu un alt șir (repetat, dacă este necesar), astfel încât șirul rezultat să atingă lungimea dată. Căptușeala este aplicată de la începutul (stânga) șirului curent.
exemplu:
șir.padEnd ():
metoda padEnd() tamponează șirul curent cu un șir dat (repetat, dacă este necesar), astfel încât șirul rezultat să atingă o lungime dată. Căptușeala este aplicată de la capătul (dreapta) șirului curent.
de exemplu :
Operator exponențial:
operatorul de exponențiere returnează rezultatul ridicării primului operand la puterea celui de-al doilea operand. Operatorul de exponențiere este drept-Asociativ. a ** b ** c este egal cu a ** (b ** c).
exemplu:
virgulă finală:
virgulă finală este permisă într-o matrice, obiect și parametrii funcției. Acum, acest lucru nu este imens, dar este frumos dacă, în cazul în care uităm să închidem sau mai degrabă să încheiem o virgulă dacă enumerăm o grămadă de articole, nu contează dacă includem acel final suplimentar.
Exemplu:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Obiect.valori () și obiect.intrări():
acesta este un mod de a trata obiectele noastre ca niște dicționare în care putem obține numele parametrilor și numele reale sau mai degrabă numele câmpurilor și valorile reale asociate acestora fie prin valori, fie prin intrări.
obiect.valori ()
sunteți familiarizați cu obiect.chei (). Aceasta este exact opusul obiectului.chei ().
Exemplu:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Ieșire: 100
Obiect.intrări()
Object.entries() metoda returnează o matrice de proprietate enumerabilă a unui obiect dat perechi.
Exemplu :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Ieșire:
măr 10
portocaliu 20
struguri 30
ananas 40
matrice.prototip.include ()
aceasta este doar încă o altă funcție matrice este mod juiced pentru a determina doar dacă o matrice conține o valoare.
funcții asincrone
în es8 avem funcții asincrone, aceasta este din nou o caracteristică nouă masivă. Funcțiile asincrone sunt funcții care nu funcționează una după alta, care ar fi sincrone, în schimb funcționează în paralel și ne permit să executăm mai multe funcții toate în același timp.
obiect.getOwnPropertyDescriptors ()
ca o modalitate de a imprima o descriere șir mare a unui obiect în toate entitățile sale.
caracteristici ES9:
modificări RegEx
deci, acest lucru este modificări expresie regulată, să fiu sincer, eu personal nu-mi place folosind expresii regulate atunci când este posibil și am găsit de fapt, nu trebuie să le folosească prea mult, astfel încât nu vom fi într-adevăr acoperă expresii regulate se schimbă atât de mult, dar dacă sunteți super interesat, puteți verifica cu siguranta cele din ES9 a adăugat o grămadă de sprijin.
Rest/Spread properties
acestea sunt foarte cool ne permit să construim în esență intervale de valori prin utilizarea a trei elipse puse împreună acest lucru permite compilatorului să interpreteze ce valori urmează într-o serie de valori.
iterație asincronă
aceasta este de fapt ultima mare și oferă un suport mai puternic funcționalității noastre asincrone.
caracteristici ES10:
deci, versiunea Chrome 72 tocmai a fost lansată, unele noi ES10 interesante care sunt caracteristicile ES 2019 în browserul său pentru ca dezvoltatorii să le folosească, așa că haideți să aruncăm o privire la ce funcții noi avem în ES10 pentru a căuta.
Array.flat ()
începând cu flat() și flatmap(), deci dacă aveți o matrice ca în imaginea de mai jos, puteți vedea că puteți consola.log acest lucru și aveți o grămadă de matrice imbricate.
deci, dacă doriți să aplatizați această întreagă matrice, trebuie să utilizați recursivitatea sau știți că trebuie să faceți ceva folosind un fel de algoritm bine.
din fericire acum JavaScript oferă în mod implicit de a face uz de .plat () care ar aplatiza recursiv matrice până la nivelul specificat. Deci, plat ().
doar specifica niveluri, se aplatizează la un nivel, dacă o faci de două ori l-ar aplatiza la două niveluri.
dacă doriți pentru a aplatiza întreaga matrice ai putea destul de mult doar trece o infinitate și se va aplatiza întreaga matrice de matrice imbricate într-un mod mai curat.
Array.flatmap ()
în mod similar, avem flatmap () care funcționează destul de mult la fel ca o hartă dacă faci harta X și să se întoarcă să spunem (x, x*2), dacă consola.log rezultatul vei vedea că veți obține o matrice care arata ceva de genul prezentat în imaginea de mai jos imbricate.
dar dacă vei face flatmap() acolo, nu ai primit un tablou frumos aplatiza pentru rezultatul.
obiect.fromentries ()
venind la numărul doi avem obiect.fromentries () care, practic, știți de la intrările obiect dot am putea merge mai departe și de a crea aceste perechi frumoase cheie-valoare de matrice de dreapta cheie-valoare, dar acum ai putea merge doar mai departe și de a lua original
obiect înapoi de la această matrice special, prin utilizarea obiect de intrări formular și dacă nu se poate bloca obiect obiect original, vei vedea că vom obține obiectul nostru cheie-valoare înapoi la noi.
șir.trimstart () și șir.trimend ()
din nou acest lucru ne aduce la numărul nostru trei, care este nostru .trimstart () și .trimend (). Deci, dacă aveți un șir care are spații lungi ai putea merge doar mai departe și de a face
console.log(string.trimstart())și a lovit salva.
ei vor vedea de fapt, să doar JSON dot stringify acest lucru, astfel încât suntem capabili de a vedea spațiile astfel încât să vedeți numai sunt backspaces rămân în mod similar, dacă aveți trim end chiar aici vei vedea doar spațiile din față rămân și dacă aveți doar trim chiar aici vei vedea toate spațiile sunt plecat
opțional catch obligatoriu
acest lucru ne aduce la legarea noastră opțională pentru try-catch că destul de mult înseamnă constrâns să dea captura o eroare chiar aici, dacă nu-l vreau așa că, dacă arunci o nouă eroare aici chiar ai putea accesa destul de mult dreapta acolo folosind eroare.
dar dacă cumva nu vrei, ești liber să mergi mai departe și să folosești ceva de genul Hei, ceva a mers prost, așa că este complet bine.
toString()
ES9 revizuiește, de asemenea, funcția.toString () metoda deci, dacă aveți o
Funcția Funcția mea aici și dacă faci consola Dot jurnal al funcției mele cele două șir ceea ce vei vedea este codul sursă original al acestei funcții special mai devreme aceste spații albe aceste linii noi, dacă ați avut comenzi aici acestea ar fi eliminate atunci când faci consola.log ușa mea funcție de șir, dar acum ele sunt reținute și te destul de mult înapoi codul sursă original al funcției pe care le-ați scris.
sym.descriere
revenind la următoarea propunere care este simbolul descriere getter. Deci, recent mai devreme ceea ce trebuie să faceți este dacă doriți să comparați un simbol, trebuie să-l convertiți într-un șir și apoi să-l comparați cu un simbol și apoi oricare ar fi descrierea dvs. a fost corectă?
pentru că dacă aruncați o privire pentru a adăuga simbolul chiar acolo, puteți vedea că practic este doar un simbol. Dar acum ceea ce ați putea face este să accesați descrierea simbolului cu sym.descriere și ai putea verifica dacă acest lucru este egal cu descrierea care a fost inițial trecut.
Privind pentru raportul de estimare a bugetului gratuit pentru ReactJs Dezvoltare, Dezvoltare NodeJs, AngularJS dezvoltare.?