ECMAScript 8 (ES8) vagy ECMAScript 7 (ES7) hivatalosan is megjelent az elmúlt évben-június végén a TC39 (mi az a tc39? Technikai Bizottság 39 amely a Javascript fejlődésének hivatalos Bizottsága. Ez a bizottság rendszeresen tart ülést, és általában a tagok böngészőgyártók ). Most a szabvány az új SPECIFIKÁCIÓK közzététele évente egyszer. Az ES5 2009-ben jelent meg, majd ezt követően a fő kiadás az ES6 volt 2015-ben, az ES7 2016-ban, az Es8 2017-ben, az Es9 2018-ban, az Es10 2019-ben.
is olvasható: CronJ UI UX Design Company
Es7, Es8, Es9, Es10 jellemzői:
ebben a cikkben, akkor megtanulják, hogyan kell használni az összes új funkciók a JavaScript ES7, ES8, ES9, ES10 kínálnak példákkal:
osztály tulajdonságai :
Ön inicializálhatja az osztály tulajdonságait a konstruktoron kívül!
Példa:
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.Az IO használható az ECMA összes új funkciójának tesztelésére, konfigurálhatja az előre beállított beállításokat és a tesztelést. Itt van egy példa fut be babeljs.io példa
igen, ugyanúgy, akkor használja a Javascript most!.
karakterlánc.padEnd () és string.padStart () függvények:
ez csak egy módja annak, hogy extra karaktereket adjunk a karakterlánc végéhez vagy elejéhez.
húr.padStart()
a padStart() metódus az aktuális karakterláncot egy másik karakterlánccal tölti be (szükség esetén megismételve) úgy, hogy a kapott karakterlánc elérje a megadott hosszúságot. A párnázást az aktuális karakterlánc elejétől (balra) alkalmazzák.
példa:
karakterlánc.padEnd():
a padEnd() módszer az aktuális karakterláncot egy adott karakterlánccal (szükség esetén megismételve) úgy illeszti be, hogy a kapott karakterlánc elérje a megadott hosszúságot. A párnázást az aktuális karakterlánc végétől (jobbra) alkalmazzák.
például :
exponenciális operátor:
az exponenciális operátor visszaadja az első operandus felemelésének eredményét a második operandusra. Az exponenciációs operátor jobb-asszociatív. a ** b ** c egyenlő a ** (b ** c).
példa:
záró vessző:
záró vessző megengedett egy tömbben, objektum és funkció paramétereit. Most, ez nem hatalmas, de jó, ha abban az esetben elfelejtjük bezárni vagy inkább vesszőt befejezni, ha egy csomó elemet felsorolunk, nem számít, ha belefoglaljuk-e azt az utolsó extra elemet.
Példa:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Tárgy.értékek () és objektum.bejegyzések():
ez egy módja annak, hogy objektumainkat szótárakként kezeljük, ahol megkaphatjuk a paraméterneveket, a tényleges vagy inkább a mezőneveket, valamint a hozzájuk tartozó tényleges értékeket értékekkel vagy bejegyzésekkel.
objektum.értékek()
Ön ismeri az objektumot.kulcsok (). Ez pontosan ellentétes az objektummal.kulcsok ().
Példa:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Kimenet: 100
Objektum.bejegyzések()
Object.entries() a módszer egy adott objektum saját felsorolható tulajdonságának tömbjét adja vissza Párok.
Példa :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Kimenet:
alma 10
narancs 20
szőlő 30
ananász 40
tömb.prototípus.includes()
ez csak egy újabb tömb funkció, így juiced csak meghatározni, hogy egy tömb tartalmaz-e értéket.
aszinkron funkciók
az es8-ban aszinkron funkciók vannak, ez ismét egy hatalmas új funkció. Az aszinkron függvények olyan funkciók, amelyek nem működnek egymás után, amelyek szinkron lennének, ehelyett párhuzamosan működnek, és lehetővé teszik számunkra, hogy egyszerre több funkciót hajtsunk végre.
objektum.getOwnPropertyDescriptors ()
mint egy módja annak, hogy nyomtassa ki egy nagy karakterlánc leírása egy objektum minden entitás.
ES9 jellemzők:
RegEx változások
tehát ez a reguláris kifejezés változások, hogy őszinte legyek, én személy szerint nem szeretem a reguláris kifejezések használata, ha lehetséges, és azt találtam, hogy valójában nem kell használni őket túl sokat, így nem igazán lesz, amely a reguláris kifejezések változások annyira azonban, ha szuper érdekel akkor feltétlenül ellenőrizze azokat ki ES9 hozzáadott egy csomó támogatást.
Rest/Spread tulajdonságok
ezek nagyon klasszak, lehetővé teszik számunkra, hogy lényegében értéktartományokat építsünk fel három ellipszis segítségével.
aszinkron iteráció
ez valójában az utolsó nagy, és csak erősebb támogatást nyújt aszinkron funkcióinkhoz.
ES10 jellemzők:
tehát a Chrome 72-es verziója éppen megjelent, néhány új, izgalmas ES10, amely az ES 2019 funkciók a böngészőjében a fejlesztők számára, így Vessünk egy pillantást arra, hogy milyen új funkciókkal rendelkezünk az ES10-ben.
tömb.flat ()
kezdve a flat() és flatmap(), így ha van egy tömb, mint az alábbi képen, ez lehetett látni, akkor csak konzol.jelentkezzen be, és van egy csomó beágyazott tömbje.
tehát ha ezt az egész tömböt el akarjuk simítani, akkor rekurziót kell használnunk, vagy tudjuk, hogy valamit valamilyen algoritmus segítségével kell tennünk.
szerencsére most JavaScript biztosítja alapértelmezés szerint kihasználva .flat (), amely rekurzív módon simítja a tömb a megadott szintre. Tehát lapos ().
csak adja meg a szinteket, egy szintre simítja, ha kétszer csinálja, akkor két szintre simítja.
ha az egész tömböt el akarjuk simítani, akkor nagyjából csak egy végtelent tudunk átadni, és az egész tömböt a beágyazott tömbökből tisztább módon simítja.
tömb.Flatmap ()
hasonlóképpen van flatmap (), amely nagyjából úgy működik, mint egy térkép, ha leképezzük X-et, és visszatérünk mondjuk (x, x*2), ha konzololunk.jelentkezzen be az eredmény fogsz látni, hogy kapsz egy tömb, amely úgy néz ki, mint látható az alábbi képen beágyazott.
de ha lesz, hogy te a flatmap() ott, akkor nem kap egy szép lelapul tömb az eredmény.
objektum.fromentries ()
jön a második számú van objektum.fromentries (), amely alapvetően tudod objektum pont bejegyzéseket mehetnénk előre, és hozzon létre ezeket a szép kis kulcs-érték pár tömbök kulcs-érték jobb, de most már csak megy előre, és kap az eredeti
objektum vissza az adott tömb segítségével objektum formájában bejegyzéseket, és ha nem tudja lezárni a tárgy eredeti objektum látni fogja, hogy megkapjuk a kulcs-érték objektum vissza hozzánk.
karakterlánc.trimstart () és String.trimend ()
ez ismét a harmadik számunkhoz vezet, amely a mi .trimstart() és .trimend (). Tehát, ha van egy string, amely hosszú szóközök akkor csak megy előre, és csinálni
console.log(string.trimstart())és nyomja Mentés.
ők fognak látni valójában nézzük csak json dot stringify ezt, hogy képesek vagyunk, hogy a terek, így látod csak backspaces marad hasonlóan, ha trim végén itt fogsz látni csak az első terek maradnak, és ha csak trim itt fogsz látni az összes terek elmentek
opcionális catch binding
ez elvezet minket a választható kötés try-catch, hogy nagyjából azt jelenti, most már nem kényszerítve, hogy hibát kapjon itt, ha nem akarja, így ha új hibát dob ide, akkor nagyjából elérheti azt ott hibát használva.
de ha valahogy nem akarod, akkor szabadon használhatsz valamit, mint például a Hé, valami rosszul ment, így ez teljesen rendben van.
toString()
ES9 is felülvizsgálja a funkciót.toString () módszer, így ha van egy
funkció my function itt, és ha nem konzol dot log Az én funkció a két karakterlánc mit fogsz látni az eredeti forráskódját, hogy az adott funkció korábban ezeket a fehér terek ezeket az új sorokat, ha volt olyan parancsok itt ezeket el kell távolítani, ha nem konzol.jelentkezzen be a funkció ajtaját a karakterláncba, de most megtartják őket, és nagyjából visszakapják az Ön által írt függvény eredeti forráskódját.
sym.leírás
visszatérve a következő javaslatot, amely szimbólum leírás getter. Tehát a közelmúltban korábban azt kell tennie, hogy ha össze akar hasonlítani egy szimbólumot, akkor azt karaktersorozattá kell konvertálnia, majd össze kell hasonlítania egy szimbólummal, majd bármi is volt a leírása?
mert ha megnézzük, hogy adjunk a szimbólum ott láthatjuk, hogy ez alapvetően csak egy szimbólum. De most mit tehetne, ha hozzáférne a szimbólumleíráshoz a sym segítségével.leírás és ellenőrizheti, hogy ez megegyezik-e az eredetileg átadott leírással.
ingyenes költségvetési becslési jelentést keres a ReactJs fejlesztéshez, a NodeJs fejlesztéshez, az AngularJS fejlesztéshez.?