0:00 / 0:00

Nowości w ECMAScript 2021: Nowości w ECMAScript 2021

Zobacz nowe możliwości ES12

29 min · JavaScript · Full-stack i Programowanie

Adam Gospodarczyk

Czego się nauczysz

  • Metoda String.prototype.replaceAll
  • Metoda Promise.any i różnice względem Promise.all i Promise.race
  • Prywatne właściwości i metody klas
  • Gettery i Settery oraz rola enkapsulacji danych
  • Operatory logiczne i tzw. "krótkie spięcie"
  • Logiczne operatory przypisania

ECMAScript 2021

Zmiany w wersji ES2021 z pewnością nie są przełomowe ale jednocześnie metody Promise.any, prywatne właściwości i metody klas oraz logiczne operatory przypisania, mają szansę realnie wpłynąć na sposób rozwoju aplikacji i pisania kodu JavaScript. Nowe elementy składni są na tyle istotne, że warto poświęcić im chwilę uwagi aby zrozumieć jak wykorzystywać je w praktyce. Nawet jeżeli sami nie będziemy ich od razu wykorzystywać, istnieje duża szansa na spotkanie ich w kodzie innych programistów. Wtedy wiedza na ich temat może okazać się przydatna.

Metoda replaceAll()

Zamiana fragmentów w ciągu znaków to bardzo popularna operacja w przypadku której łatwo popełnić błąd wynikający z faktu, że metoda replace() bez wykorzystania wyrażeń regularnych z flagą "global" zamienia wyłącznie jedno powtórzenie. Od teraz możliwa jest łatwa zamiana wszystkich wystąpień fragmentu, z pomocą metody replaceAll.

Promise.any

Zarządzanie kodem asynchronicznym bez wątpienia stało się łatwiejsze odkąd mamy do dyspozycji składnię async/await. Jednocześnie wykorzystanie jej w niewłaściwy sposób może znacznie spowolnić wykonanie naszego kodu lub też nie sprawdzi się w niektórych sytuacjach podczas oczekiwania na rozwiązanie obietnic. Z tego powodu do naszej dyspozycji mamy metody Promise.all czy Promise.race. W wersji ES2021 do naszej dyspozycji mamy jeszcze metodę Promise.any, która uzupełnia pozostałe, sprawdzając się w bardzo konkretnych przypadkach.

Prywatne właściwości i metody klas

Do tej pory jedynym sposobem osiągnięcia enkapsulacji w JavaScript było wykorzystanie mechanizmu closure. Dodatkowo nadal mamy opcję wykorzystania TypeScriptu w celu zyskania większej kontroli nad danymi (przynajmniej na etapie developmentu). Wersja ES2021 dodaje symbol "#" umożliwiający oznaczenie metody lub właściwości klasy jako prywatna i tym samym uniemożliwia ich modyfikację oraz dostęp poza klasą.

Logiczne operatory przypisania

Bardzo często pisząc kod uzależniamy wartości zmiennych od tego czy został spełniony określony warunek. Już teraz do naszej dyspozycji mamy wiele różnych opcji, które nie tylko spełniają swoje zadanie ale także sprawiają, że kod staje się bardziej czytelny. Logiczne operatory przypisania zostały dodane właśnie po to aby zwiększyć czytelność oraz zwięzłość naszego kodu.

Dla kogo jest ten kurs?

Warsztat został przygotowany z myślą o osobach, które znają już Javascript i chcą w prosty i szybki sposób zrozumieć zmiany, które pojawiły się w wersji ES2021 i to w jakich praktycznych sytuacjach mogą okazać się przydatne. Jeżeli potrzebujesz zrozumieć sam JavaScript lub chcesz dowiedzieć się więcej o wcześniejszych zmianach standardu ECMASCript, materiały na ich temat również znajdziesz na eduweb.pl

ECMAScript 2021