Znaleziono 21 wyników dla "javascript"
Same-origin policy i CORS, czyli kto może czytać dane z innego serwera
Same-origin policy (SOP) w przeglądarce blokuje kod JavaScript z jednej strony przed czytaniem danych z innej domeny - chyba że serwer wprost pozwoli przez CORS. W poście opisuję, jak działa ten mechanizm zgody serwera i czemu czasem widzisz preflight OPTIONS, a czasem nie.
typeof vs instanceof - dwa sposoby sprawdzenia typu w JS
JavaScript ma dwa podstawowe operatory do sprawdzania typu i każdy odpowiada na inne pytanie. typeof zwraca jeden z 8 stringów i ma znane pułapki (null, tablice). instanceof chodzi po łańcuchu prototypów i zawodzi dla obiektów z osadzonego <iframe>. Notatka o tym, kiedy którego użyć i dlaczego do tablic istnieje osobne Array.isArray.
Property descriptors i gettery/settery w JavaScripcie
Każda właściwość obiektu w JS ma pod spodem 4 flagi (writable, enumerable, configurable + value lub get/set). Rzadko o tym myślisz, dopóki coś dziwnego się nie wydarzy: przypisanie nie zmienia wartości, delete nie usuwa pola, for...in pomija właściwość. Notatka o tym, czym są property descriptors, jak działają gettery/settery i dlaczego Object.defineProperty ma inne domyślne wartości niż literal obiektu.
Garbage Collection w JavaScripcie - jak silnik sprząta po twoim kodzie
Każdy obiekt, który tworzysz w JS, zajmuje miejsce w pamięci komputera. JavaScript usuwa nieużywane obiekty automatycznie, robiąc miejsce na nowe. Silnik czasem jednak nie potrafi rozpoznać, że dany obiekt nie jest już potrzebny - i wtedy obiekt zostaje w pamięci. Tak powstają memory leaki. Post o mechanizmie tego sprzątania (mark-and-sweep), o najczęstszych pułapkach i o tym, kiedy faktycznie sięgać po WeakMap czy WeakRef.
Event Loop w JavaScript - jak silnik decyduje, co odpalić następne
JavaScript ma jeden wątek, ale potrafi czekać na wiele rzeczy równocześnie. Sekret to event loop - prosty algorytm, który wybiera, co odpalić, gdy stack jest pusty. Microtaski wyprzedzają taski, render wpasowuje się między cyklami, a kolejność wykonania zaczyna mieć logiczny sens.
Słowo kluczowe this w JavaScript - cztery reguły bindingu w jednym miejscu
this w JS zachowuje się dziwnie tylko dlatego, że ludzie patrzą nie tam, gdzie trzeba. Wartość this ustala się dopiero w momencie wywołania funkcji - są tylko cztery reguły, które to wywołanie może wybrać, plus arrow functions, które wyłamują się z całego systemu.
async/await w JavaScript - jak funkcja może czekać bez blokowania wątku
async/await wygląda jak magia: piszesz await fetch(...), dostajesz wynik w kolejnej linijce, a wątek nie blokuje się ani na moment. Pod spodem nie ma magii - jest stary wzorzec generator + Promise + auto-runner, ukryty pod nowymi słowami async i await.
Generators w JavaScript - funkcja, która umie się zatrzymać
Zwykła funkcja w JS leci od góry do dołu, zwraca wynik i znika z pamięci. Generator jest inny - oznaczony function*, na każdym yield zatrzymuje swoje wykonanie, oddaje wartość i czeka na kolejne .next(). Mała zmiana w runtime, ale to ona stoi za sekwencjami liczonymi na żądanie i pod spodem async/await.
Hoisting w JavaScript, czyli o czym tak naprawdę mówi ta metafora
Standardowe tłumaczenie hoistingu mówi, że deklaracje przesuwają się na górę kodu. Specyfikacja ECMA-262 nie definiuje hoistingu jako mechanizmu, a let zachowuje się tak, jakby tej zasady nie znał. Co więc naprawdę dzieje się przed wykonaniem twojego kodu i dlaczego TDZ wygląda dokładnie tak, jak wygląda?
Execution Context i Call Stack - jak JavaScript wykonuje twój kod
Każda linia JS musi gdzieś się wykonać, każda zmienna gdzieś żyć, każde wywołanie funkcji po sobie wrócić. Silnik trzyma to wszystko w dwóch strukturach - execution context (gdzie aktualnie jestem) i call stack (skąd przyszedłem). To one stoją za closure, this i asynchronicznością.
new (i this) w JavaScript - co naprawdę robi to słowo kluczowe
Słowo new w JS wygląda na krótkie, ale silnik uruchamia za nim cztery kroki naraz - tworzy pusty obiekt, podpina this, linkuje go do prototype'u funkcji i zwraca cały obiekt z powrotem. Bez new to samo trzeba napisać ręcznie z Object.create.
Promises w JavaScript - od callback hell do microtask queue
Async w JS bez Promise to callback hell - kod nie ma jak odwoływać się do trwającej operacji, a obsługa błędów siedzi osobno w każdym callbacku. Promise to obietnica wartości, która przyjdzie później - kod układa się płasko, a błędy łapiesz w jednym miejscu.
