W EcmaScript6 dodano bardzo wiele funkcji mających usprawnić najczęściej wykonywane czynności. Jedną z nich jest Object.assign(). Metoda ta znacznie ułatwia pracę z obiektami, czyniąc ich klonowanie, łączenie i nadpisywanie prostszym niż kiedykolwiek.

Czytaj więcej...

W JavaScript wszystkie argumenty funkcji, które nie zostały do niej przekazane w parametrach podczas wywołania są automatycznie ustawiane na undefined. Czasami jednak potrzebujemy przypisać jakąś konkretną domyślną wartość do argumentu. Dotychczas, aby to zrobić, trzeba było nieco pokombinować. Na szczęście zauważyli to twórcy języka i w ES6 postanowiono przekazać nam do tego celu specjaną konstrukcję składnowią.

Czytaj więcej...

Dzielenie kodu aplikacji na wiele plików jest niezbędne do utrzymania porządku w projekcie. Dotychczas JavaScript nie posiadał wbudowanych mechanizmów do wygodnego współdzielenia kodu między plikami. Deweloperzy byli zmuszeni wrzucać każdy plik do osobnego tagu script w htmlu, co było niezmiernie irytujące, bądź korzystać z zewnętrznych bibliotek, jak requireJS. Na szczęście z nadejściem ES6 moduły oraz ich import i eksport stały się proste jak niemiecka autostrada i wygodne jak fotel z wysuwanym podnóżkiem.

Czytaj więcej...

Obsługa Promises to bez wątpienia jedna z najważniejszych nowych funkcji języka JavaScript w standardzie ES6. Do czego służą "obietnice"? W skrócie: do zarządzania wynikiem działania funkcji asynchronicznej. Podobne rezultaty można oczywiście uzyskać używając callbacków, ale obietnice znacznie zwiększają czytelność kodu, pozwalają na "łańcuchowanie" metod oraz ułatwiają obsługę błędów. Znamy je już z takich bibliotek jak jQuery, Bluebird, czy Angulara. Wraz z nadejściem ES6 stają się pełnoprawną częścią języka JavaScript.

Czytaj więcej...

Jeśli kiedykolwiek korzystaliście z narzędzi takich jak Mustache lub Handlebars, zapewne z bananem na twarzy przyjmiecie wiadomość, że ES6 umożliwia używanie wyrażeń wewnątrz stringów. To tylko jedna z kilku nowych możliwości stringów wprowadzonych w ECMAScript 6. 

Czytaj więcej...

Jedną z najważniejszych innowacji dodanych w ECMAScript 6 jest wprowadzenie zmiennych o zakresie blokowym deklarowanych poprzez słowo kluczowe let. Do tej pory w JavaScript istniał tylko funkcyjny zakres zmiennych (deklarowanych przez dobrze wszystkim znane słówko var), co w pewnych przypadkach wymagało stosowania niezbyt lubianych przez programistów domknięć. Wraz z nadejściem ES6 ta niedogodność odchodzi w niepamięć. 

Czytaj więcej...

Jeśli kiedykolwiek mieliście styczność z innymi językami obiektowymi, bardzo możliwe, że w programując w JavaScript doskwiera Wam brak klas. Do tej pory trzeba było kombinować z funkcjami-konstruktowami i prototypami, co czyniło składnię nieco nieczytelną. Na szczęście twórcy ES6 postanowili posłuchać woli ludu i do specyfikacji ES6 dorzucili długo oczekiwane klasy.

Czytaj więcej...

Funkcje z użyciem "strzałek" - czyli tak zwane arrow functions - to jedna z najciekawszych nowości w ES6. Rozwiązanie to pomaga nam w dwóch kwestiach za jednym zamachem:

  • skraca kod i upraszcza deklarowanie funkcji anonimowych
  • niweluje konieczność zapisywania this w dodatkowej zmiennej

Czytaj więcej...

W świecie front endu od pewnego czasu huczy o zbliżającej się premierze ES6. Co to onacza dla nas - developerów? Czy warto uczyć się ES6 już teraz? Czy trzeba zapomnieć o wszystkim, czego się do tej pory nauczyliśmy o JavaScript? Na te i inne pytania postaram się odpowiedzieć w serii artykułów ECMAScript 6: TOP 10 nowości. Zapraszam do lektury.

Czytaj więcej...

Metody call() i apply(), choć z początku mogą wydać się nieco dziwaczne, a ich użycie nieintuicyjne, potrafią znacznie uprościć pisanie kodu i poszerzyć wachlarz możliwości front end developera. Jeśli masz problem z ich zrozumieniem, bądź dotąd o nich nie słyszałeś, dobrze trafiłeś - po lekturze tego artykułu nie powinieneś mieć żadnych wątpliwości co do ich przydatności i łatwości użycia.

Czytaj więcej...

Zrozumienie pojęcia domknięć nie przyszło mi swego czasu łatwo. Czytanie kolejnych definicji w książkach i tutorialach podnosiło mi jedynie ciśnienie, bo rozumiałem napisane w nich słowa, ale nie potrafiłem ogarnąć, o co w tym tak naprawdę chodzi. Aż w końcu nadszedł moment "eureka!". Jeśli masz podobny problem i nie chce Ci się przewalać przez dziesiątki artykułów, zapraszam do lektury.

Czytaj więcej...

Map(), filter() i indexOf() to jedne z najbardziej przydatnych metod tablicowych udostępnionych programistom JavaScript wraz z pojawieniem się standardu ECMAScript w wersji 5. Potrafią mocno uprościć pracę i są obsługiwane przez wszystkie porządne przeglądarki (oraz IE od wersji 9 w górę).

Jeśli chcesz poznać ich zastosowanie na najprostszych do zrozumienia przykładach, zachęcam do lektury artykułu.

Czytaj więcej...