ECMAScript 8 (ES8) or ECMAScript 7 (ES7) julkaistiin virallisesti viime vuoden kesäkuun lopussa tc39 (mikä on TC39? Tekninen komitea 39, joka on virallinen komitea kehityksen Javascript. Tämä komitea kokoontuu säännöllisesti ja yleensä jäsenet ovat selaintoimittajia). Nyt standardi on julkaista uusia spesifikaatioita kerran vuodessa. ES5 julkaistiin vuonna 2009 ja sen jälkeen suurin julkaisu oli ES6 vuonna 2015, ES7 vuonna 2016, Es8 vuonna 2017, Es9 vuonna 2018, Es10 vuonna 2019.
Lue myös: CronJ UI UX Design Company
Es7, Es8, Es9 ja Es10 ominaisuudet:
tässä artikkelissa opit hyödyntämään kaikkia JavaScriptin uusia ominaisuuksia ES7, ES8, ES9 ja ES10, joita on tarjolla esimerkein:
Luokkaominaisuudet :
sinä voi alustaa luokan ominaisuudet constructorin ulkopuolella!
Esimerkki:
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: ta voidaan käyttää kaikkien ECMA: n uusien ominaisuuksien testaamiseen, esiasetuksia voi määrittää ja testata. Tässä on esimerkki ajaa babeljs.io esimerkki
kyllä, samalla tavalla, voit käyttää Javascript now!.
string.padEnd () ja string.padStart () funktiot:
tämä on vain tapa lisätä ylimääräisiä merkkejä merkkijonon loppuun tai alkuun.
merkkijono.padStart ()
padStart() – menetelmä tasoittaa nykyisen merkkijonon toisella merkkijonolla (toistetaan tarvittaessa) niin, että tuloksena oleva merkkijono saavuttaa annetun pituuden. Pehmuste levitetään nykyisen merkkijonon alusta (vasemmalla).
esimerkki:
merkkijonon.padEnd ():
padEnd() – menetelmä tasoittaa nykyisen merkkijonon annetulla merkkijonolla (toistetaan tarvittaessa) niin, että tuloksena oleva merkkijono saavuttaa tietyn pituuden. Täyte levitetään nykyisen merkkijonon päästä (oikealta).
esimerkiksi :
eksponentiaalinen operaattori:
eksponentiaatio-operaattori palauttaa ensimmäisen operandin noston tuloksen potenssisekuntioperandiin. Eksponentiaatio-operaattori on oikeasuhteinen. a ** b ** c on yhtä suuri kuin a ** (b ** c).
esimerkki:
perään pilkku:
perään pilkku sallitaan array -, objekti-ja funktioparametreissa. Nyt, tämä ei ole valtava, mutta se on mukavaa, jos unohdamme sulkea pois tai pikemminkin lopettaa pilkun, jos olemme listaamalla joukko kohteita ei ole väliä, jos sisällytämme että lopullinen ylimääräinen yksi.
Esimerkki:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Vastalause.arvot () ja objekti.merkintä():
tämä on tapa käsitellä objektejamme ikään kuin sanakirjoja, joissa voimme saada parametrinimet ja todelliset tai pikemminkin kentän nimet ja niihin liittyvät todelliset arvot joko arvoilla tai merkinnöillä vastaavasti.
objekti.arvot ()
olet perehtynyt objektiin.näppäin(). Tämä on täsmälleen objektin vastakohta.näppäin().
Esimerkki:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Lähtö: 100
Kohde.merkinnät()
Object.entries() menetelmä palauttaa joukon, jolla on tietyn kohteen oma arvo-ominaisuus paria.
Esimerkki :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Tuloste:
omena 10
oranssi 20
rypäleet 30
ananas 40
array.prototyyppi.sisältää ()
tämä on vain yksi array funktio se on tapa juiced vain määrittää, jos array sisältää arvon.
Async-funktiot
ES8: ssa meillä on asynkroniset funktiot, tämä on jälleen massiivinen uusi ominaisuus. Asynkroniset toiminnot ovat toimintoja, jotka eivät toimi yksi toisensa jälkeen, jotka olisivat synkronisia, vaan ne toimivat rinnakkain ja antavat meille mahdollisuuden suorittaa useita toimintoja samanaikaisesti.
objekti.getOwnPropertyDescriptors ()
tapa tulostaa Suuri merkkijono kuvaus objektin kaikissa sen entiteettejä.
ES9 ominaisuudet:
RegEx changes
so this is regular expression changes, to be honest, I henkilökohtaisesti don ’t like using regular expressions when possible and I found actually don’ t have to use them too much so we won ’ t really be kata the regular expressions changes so much however if you are super interested you can definitely check those out ES9 has added a bunch of support.
Rest/Spread properties
nämä ovat todella siistejä, joten niiden avulla voimme periaatteessa muodostaa arvojen vaihteluvälejä käyttämällä kolmea ellipsiä yhteen laskettuna, jolloin kääntäjä voi tulkita, mitkä arvot tulevat seuraavaksi arvosarjassa.
asynkroninen iteraatio
se on itse asiassa viimeinen iso ja vain antaa voimakkaamman tuen asynkroniselle toiminnallemme.
ES10-ominaisuudet:
niin Chrome versio 72 juuri rullattu, joitakin uusia jännittäviä ES10, joka on ES 2019 ominaisuuksia selaimeensa kehittäjien käytettäväksi joten katsotaanpa katsomaan mitä uusia ominaisuuksia meillä on ES10 etsiä.
Array.flat ()
alkaen flat () ja flatmap (), joten jos sinulla on taulukon kaltainen alla kuva, voit nähdä, että voit vain konsoloida.kirjaa tämä ja sinulla on joukko sisäkkäisiä ryhmiä.
joten jos haluat litistää tämän koko joukon, sinun on käytettävä rekursiota tai tiedät, että sinun on tehtävä jotain käyttäen jonkinlaista algoritmia hyvin.
onneksi nyt JavaScript tarjoaa sitä oletuksena hyödyntämällä .flat (), joka rekursiivisesti litistää teidän array jopa tasolle määrität. Eli tasainen ().
määritä vain tasot, se litistää sen yhteen tasoon, jos teet sen kahdesti, se litistää sen kahteen tasoon.
jos haluat litistää koko joukon, voit melkein vain ohittaa äärettömyyden, ja se litistää koko joukon sisäkkäisistä ryhmistä puhtaampaan suuntaan.
Array.flatmap ()
vastaavasti meillä on flatmap (), joka toimii aika lailla samalla tavalla kuin kartta, jos tekee kartan X ja palauttaa sanotaan (x, x*2) Jos konsoli.Kirjaudu tulos näet, että saat array, joka näyttää jotain näkyy alla olevassa kuvassa sisäkkäisiä.
mutta jos aiot tehdä sinulle flatmapin() siellä, et saanut mukavaa flatten array tuloksesi.
objekti.fromentries ()
tulossa Kakkoseen meillä on objekti.fromentries (), jonka periaatteessa tiedät objektin pistetiedoista, voisimme mennä eteenpäin ja luoda nämä kivat pienet avainarvoparit avainarvon matriiseja oikein, mutta nyt voisit vain mennä eteenpäin ja saada alkuperäisen
objektisi takaisin tästä rivistä käyttämällä objektin muotoa koskevia merkintöjä, ja jos et voi lukita objektia alkuperäistä objektia tulet näkemään, että saamme avainarvoisen objektimme takaisin meille.
String.trimstart () ja String.trimend ()
jälleen tämä tuo meidät kolmoseen, joka on meidän .trimstart () ja .trimend (). Joten jos sinulla on merkkijono, jossa on pitkiä välilyöntejä, voit vain mennä eteenpäin ja tehdä
console.log(string.trimstart())ja paina Tallenna.
he näkevät itse asiassa vain JSON dot stringify tämän niin, että voimme nähdä välilyönnit niin näet vain takatilat pysyvät samalla tavalla jos sinulla on trimmattu Pää juuri tässä näet vain etutilat jäljellä ja jos sinulla on trimmaus juuri tässä näet kaikki välilyönnit ovat poissa
valinnainen koppisidonta
tämä tuo meidät valinnaiseen sidontaan try-catch että aika paljon tarkoittaa, että nyt et ole rajoitettu antaa Catch virhe täällä, jos et halua sitä, joten jos heittää uuden virheen täällä oikein voit melko paljon käyttää sitä oikein käytä virhe.
mutta jos jotenkin et halua sitä olet vapaa vain mennä eteenpäin ja hyödyntää jotain, kuten Hei jotain meni pieleen oikein niin tämä on täysin kunnossa.
toString ()
ES9 myös uudistaa funktiota.toString () menetelmä joten jos sinulla on
funktio minun funktio tässä ja jos teet konsolin piste loki minun funktio kaksi merkkijono mitä tulet näkemään on alkuperäisen lähdekoodin kyseisen funktion aiemmin nämä valkoiset välilyönnit nämä uudet rivit jos sinulla oli komentoja täällä nämä poistettaisiin kun teet konsoli.log my function door To string, mutta nyt ne säilytetään ja saat melko paljon takaisin alkuperäisen lähdekoodin funktion, jonka olet kirjoittanut.
sym.description
Coming back to the next proposal that is symbol description getter. Jos haluat verrata symbolia, – sinun on muutettava se merkkijonoksi ja vertattava symbolilla, – ja sitten mikä kuvauksesi sitten olikaan oikea?
koska jos katsot lisätäksesi symbolin, näet, että se on käytännössä vain symboli. Mutta nyt voisit käyttää symbolikuvausta sym: llä.kuvaus ja voit tarkistaa, että jos tämä on sama kuin kuvaus, joka on alun perin läpäissyt.
Looking for Free Budget Estimation Report for ReactJs Development, NodeJs development, AngularJS Development.?