0:00 / 0:00

Nowości w EcmaScript 2019 / 20

Zobacz nowe możliwości ES10/11

37 min · JavaScript · Full-stack i Programowanie

Adam Gospodarczyk

Czego się nauczysz

  • Object.entries()
  • Object.fromEntries()
  • Array.flat()
  • Array.flatMap()
  • trimStart() / trimEnd()
  • Symbol.description
  • String.prototype.matchAll()
  • Optional Chaining
  • Nullish coalescing
  • Promise.allSettled()
  • globalThis
  • BigInt

Nowości w EcmaScript 2019/2020

Wersje EcmaScript 2019/20 wprowadzają wiele mniejszych zmian oraz przynajmniej kilka, które znacznie zmienią sposób pisania kodu JavaScript. Ze względu na narzędzia takie jak babel oraz szybką implementację przez przeglądarki, istnieje duża szansa na to, że już teraz spotkasz się z nowymi operatorami. Z tego powodu warto pozostać na bieżąco.

Nowe operatory - optional chaining i nullish coalescing

Nowe operatory takie jak optional chaining i nullish coalescing znacznie ułatwiają pracę, umożliwiając wyeliminowanie rozbudowanych instrukcji warunkowych, wymaganych np. przy pracy z zagnieżdżonymi właściwościami obiektów. W konsekwencji ich wykorzystanie zwiększa czytelność kodu oraz przyspiesza pracę.

Nowe metody obiektów

W JavaScripcie (nie) wszystko jest obiektem. Pracujemy z nimi praktycznie na każdym kroku a wykonywanie na nich różnych operacji czasem jest dość wymagające. Z tego powodu nieustannie pojawiają się nowe metody, które ułatwiają nam ten proces. Jedną z takich metod jest fromEntries(), która stanowi typową odwrotność działania metody .entries(), która pojawiła się w JavaScript kilka lat temu. W efekcie teraz łatwo możemy zamienić obiekt na mapy i odwrotnie.

Dynamiczne importy!

Do tej pory wszystkie moduły i komponenty aplikacji musiały być wczytywane od razu bez względu na to czy rzeczywiście są wykorzystywane czy też nie. To często przekładało się na wzrost rozmiaru aplikacji a to z kolei na jej ogólną wydajność. Teraz mamy do dyspozycji tzw. dynamiczne importy, umożliwiające wczytanie wskazanego modułu, w chwili gdy rzeczywiście jest potrzebny. Ale uwaga! Jest kilka rzeczy o których warto pamiętać - omówimy je w trakcie tego warsztatu.

Nowe możliwości pracy z obietnicami

Obsługa kodu asynchronicznego w JavaScripcie bardzo mocno zmieniła się na przestrzeni ostatnich lat, chociażby ze względu na nową składnię async/await. Faktem jest jednak, że są sytuacje w których dostępne narzędzia są niewystarczające i z tego powodu pojawiają się nowe metody, które je adresują. Jedną z tych metod jest allSettled, która rozszerza możliwości metod takich jak all() oraz race()

Dla kogo jest ten kurs?

Warsztat ten przeznaczony jest dla osób, które pracują z językiem JavaScript i chcą poznać nowości dodane w wersjach 2019 i 2020. Aby w pełni wykorzystać wiedzę zawartą w tym materiale, wymagane jest zrozumienie podstawowych elementów takich jak funkcje, obiekty oraz pętle.

ES10/11