Itt vannak az új beépített módszerek és funkciók a JavaScript-ben

Az elmúlt években a JavaScript számos új kiadással jelent meg. Új funkciókat hoztak létre, különösen a szintaxisban és annak magjában. Ezek a frissítések olvashatóbbá és okosabbá tették a JavaScript-et. Bemutatom nekünk a tömbök, az objektumok és a karakterláncok új módszereit. Ezek az új módszerek elegáns és hatékony módon kezelhetik az adatokat kevesebb kód megírásával. Ezt fogjuk elmagyarázni ebben a cikkben.

Az új objektum módszerek

Az objektum az, ami miatt a JavaScript hatékony programozási nyelv. Az objektumok lehetővé teszik a különböző adattípusok csoportosítását. Ha bármilyen új JavaScript keretrendszert szeretne megtanulni, mint például a React, a Vue vagy az Angular, akkor tudnia kell, hogyan kell használni az Objects és annak módszereit. Ezek a keretek objektumokat használnak a felhasználói adatok megszerzésére és kezelésére. Az új JavaScript kiadások új módszereket hoznak az objektumokhoz, amelyek szórakoztatóbbá teszik őket. Itt vannak az új objektum módszerek:

object.assign ()

Az Object.assign () metódusnak több feladata van. Képes másolni egy objektumot, klónozni egy másik objektumból, vagy összefűzni két vagy több objektumot.

  • másolja az értékeket egy másik objektumból:
  • Klónozzon egy objektumot egy új objektumra
  • Ezenkívül egyesítheti a duplikált tulajdonságokat az Object.assign () paranccsal, ha két üres zárójelet állít be első argumentumként:

Object.entries ()

Az Object.entries () metódus tömbként adja vissza az objektum kulcsait és értékeit.

Object.getOwnPropertyDescriptors ()

Az Object.getOwnPropertyDescriptors lehetővé teszi számunkra, hogy megszerezzük egy objektum tulajdonságleíróját.

Nagyon hasznos az objektumleíró tulajdonságának ellenőrzése, például írható vagy felsorolható.

Az új tömb módszerek

Az új JavaScript kiadások új módszereket biztosítottak a tömbökhöz. Itt vannak az új tömb módszerek:

A tömb magában foglalja ()

Az Array.includes () segítségével ellenőrizhetjük, hogy létezik-e tulajdonság egy tömbben. Láthatja a különbséget a régi kód és az új szintaxis (ES6) között. Az új módszer rövid és olvashatóbb.

Array.find ()

Az Array.find () segít megtalálni egy elemet egy tömbben. Argumentumként visszahívási függvényt vesz igénybe. A visszahívási funkció több lehetőséget kínál az összetett adatok megkeresésére és kinyerésére.

Ha a keresett tulajdonság létezik, akkor a megtalált értéket adja vissza. Ellenkező esetben meghatározatlanul tér vissza.

Array.findIndex ()

Az Array.findIndex () az érték helyett a megtalált elem indexét adja vissza.

Array.values ​​()

Ez az új módszer az értékek Array iterátorát adja vissza, így futtathatunk egy for ciklust az Array egyes értékeinek kibontásához.

Array.entries ()

Az Array.entries () a kulcsot és az értéket egyaránt Array formátumban adja vissza.

Array.from ()

Az Array.from () az ES6 kiadásban került bevezetésre. Több dolgot képes megtenni egy térkép () függvény futtatásával az adatokon. Konvertálhat egy karakterláncot tömbgé, vagy akár új tömböt is létrehozhat az adatokból.

Array.keys ()

Ahogy a neve is mutatja, ez a módszer visszaadja a tömb kulcsait.

Az új String módszerek

Az új JavaScript kiadások új String módszereket biztosítottak. Itt vannak az új karakterlánc-módszerek:

String.repeat ()

A String.repeat () metódus lehetővé teszi egy string megismétlését.

A karakterlánc magában foglalja ()

A String.includes () úgy működik, mint az Array.includes (). Logikai értéket ad vissza, ha a megadott érték létezik.

Az új számmódszerek

Az új JavaScript kiadások új Number módszereket biztosítottak. Itt vannak az új számmódszerek:

Szám.isNaN ()

Ez a módszer az ES6 frissítésben jelent meg. Ellenőrzi a beírt Number értéket, és igaz értéket ad vissza, ha az érték NaN. Ellenkező esetben hamis értéket ad vissza. Ezt a módszert a klasszikus isNAN () függvény ihlette a JavaScript-ben.

Number.isInteger ()

Az előző módszerhez hasonlóan a Number.isInteger () ellenőrzi, hogy az átadott érték egész-e vagy sem. Igaz értéket ad vissza, ha az érték egész szám, és hamis, ha nem.

Number.isSafeInteger ()

Mindig érdemes ellenőriznie a felhasználók bevitelét, hogy megbizonyosodjon arról, hogy ez egy szám. A Number.isSafeInteger () ellenőrzi, hogy a szám biztonságos-e.

További információ itt

Number.isFinite ()

A Number.isFinite () ellenőrzi, hogy az átadott érték véges-e vagy sem.

Böngésző támogatás

Az új Number módszereket a fő böngésző szinte támogatja az Opera Mini és az IE-11 kivételével. A támogatást az alábbi kép mutatja:

Új specifikus objektumok

A JavaScript új speciális funkciókkal rendelkezik, amelyek lehetővé teszik számunkra, hogy teljesítőbb kódot írjunk. Itt vannak az új specifikus objektum-módszerek:

Proxy () objektum

A proxy a JavaScript egyik nagyszerű kiegészítője. Egyéni viselkedést hoz létre a kódunkhoz. A Proxy segítségével kezelheti:

  • felhasználói adatok érvényesítése
  • adatkorrekció
  • ingatlankeresés
  • feladat
  • felsorolás
  • függvényhívás

Itt ellenőrizheti a Proxy egyéb felhasználásait és módszereit.

A proxy megértése érdekében két példát fogunk írni.

1. példa:

Ebben a példában validáljuk az adatokat, miközben megszerezzük azokat egy felhasználótól. Megpróbáljuk meghatározni egy nem definiált hiba viselkedését.

Amint a fenti példában látható, a userInfo.favCar visszatér undefined. Mi van, ha szeretnénk kezelni ezt a hibaüzenetet? Ha egyedi viselkedést akarunk létrehozni a hibához, például egy másik üzenetet jelenítünk meg definiálatlan helyett, akkor ebben az esetben használhatjuk a Proxyt.

Meghatároztunk egy új proxyt, és két argumentumot adtunk neki - az objektumot és a kezelőt. A kezelő futtat néhány ellenőrző kódot, és ellenőrzi, hogy a tulajdonság létezik-e az objektumban. Visszaadja az ingatlant, ha létezik. Ellenkező esetben az általunk definiált üzenetet adja vissza, és ezt tulajdonságkeresésnek hívják .

2. példa:

Ebben a példában létrehozunk egy érvényesítést egy adott értéknek az objektumban a set metódus segítségével.

Ebben a példában ellenőrizhetjük az adattípust, és új TypeError () -t adunk vissza. Ez sokkal könnyebbé teszi a hibakeresést. Ezzel a hasznos cikkel többet megtudhat.

Böngésző támogatás

A proxy nagyon jól működik az összes főbb böngészőben, amint az alább látható:

Set () objektum

A Set objektum a JavaScript új funkciója. Ez lehetővé teszi számunkra az egyedi értékek tárolását. Egy csomó módszerrel tud játszani. Az Object.add módszer segítségével új tulajdonságot vehet fel az objektumba. Az Object.delete eltávolít egy tulajdonságot az objektumból. Az Object.clear törli az összes tulajdonságot az objektumból. Az alábbi példa elmagyarázza az objektum módszereket.

Tudjon meg többet a Set () objektumról itt.

Csomagolás

Éppen kitértünk a JavaScript által bevezetett új beépített módszerekre. Ezekkel az új nagyszerű funkciókkal már nem használom a régi szintaxist és módszereket a kódomban. Az új módszerek lehetővé teszik a hozzáértő és teljesítő JavaScript kód elegáns módon történő írását.

Megtekintheti az Új ES6 szintaxissal kapcsolatos cikkeimet is, hogy frissíthesse ismereteit a JavaScript-ben.

Megtalálhatsz a Twitteren és az Instagramon

Korábbi cikkek:

  • JavaScript ES6 - Kevesebbet ír, többet csinál
  • Tanulja meg a Bootstrap 4-et 30 perc alatt egy weboldal leszállításával
  • Az Angular 6 és az új funkciók, mindezt három perc alatt elmagyarázzák
  • Hogyan lehet a Vue.js-ben az útválasztást használni a jobb felhasználói élmény érdekében
  • Itt találhatók a legnépszerűbb módszerek a HTTP-kérelmek elküldésére a JavaScript-ben
  • Ismerje meg, hogyan hozhatja létre első Angular alkalmazását 20 perc alatt