Az Object.groupBy() nem olyan objektumot ad vissza, amilyenre számítasz
Az Object.groupBy() null-prototípusú szótárat ad, a Map.groupBy() pedig az objektumkulcsok azonosságát is megőrzi. A két API ugyan csoportosít, de más adatmodellhez való.
Címke JavaScript
A regex, ami megfektette a fél internetet – a V8-ban ott a gyógyszer, csak ki van kapcsolva
2019-ben 27 percre megállt a fél internet egy .*.*=.* miatt. Megmértem, mit művel a katasztrofális backtracking Node alatt, és kipróbáltam a V8 kísérleti lineáris regexmotorját, ami 6,2 másodpercből 0,01 ms-ot csinál – csak épp ki van kapcsolva.
A Set.intersection() sorrendjét a kisebb halmaz dönti el
A Set új halmazműveletei végre kiváltják a kézzel írt filtereket, de az intersection() sorrendjét a kisebb bemenet dönti el. Megnézzük, miért, és hogyan fér bele egy Map, miközben egy Array nem.
A substring() nem másol: húsz karakter, ami 200 megabájtot tart életben
A V8 háromféle adatszerkezetet rejt egy JavaScript-string mögé: flat, cons és sliced. Ettől a += olcsóbb, mint a régi tanácsok állítják, a substring() viszont képes 200 megabájtot életben tartani húsz karakterért. Lemértem.
A true nem azt jelenti, hogy megérkezett: a sendBeacon() 64 KiB-os csapdája
A sendBeacon() true értéke csak sikeres sorba állítást jelent. A 64 KiB ráadásul közös keepalive keret – és ettől még a szerver semmit sem kapott meg biztosan.
A regexed több emojit is egy karakternek nézheti: a Unicode v flag
A JavaScript Unicode v flagje halmazműveleteket és több kódpontból álló emoji-sorozatokat hoz a regexekbe. A negált property escape-eknél azonban a jelentés is változhat.
A process.nextTick() nem mikrotask: a Node event loop külön VIP-sora
A process.nextTick() nem ugyanaz, mint egy mikrofeladat: külön Node-sora van, és egy rossz rekurzióval elnémíthatja az I/O-t.
A delete obj.prop ötször lassabbá tette a kódomat: a V8 hidden class-ok valódi ára
Lefuttattam a net kedvenc V8-rémtörténetét: a property-sorrend szinte semmit nem számított. Ami tényleg ötszörösére lassította a kódot, egy ártalmatlannak tűnő delete volt – és a V8 forráskódjában egy konkrét szám is előkerült közben.
A setTimeout(0) nem enged előre semmit – a scheduler.yield() igen
A setTimeout(0) trükkel feldarabolt taskok folytatása a sor végére kerül. A natív scheduler.postTask és scheduler.yield API ugyanezt a problémát oldja meg prioritásokkal – és a yield folytatása nem esik hátrébb az újonnan érkező taskokhoz képest.
Nem minden .map() ugyanaz: az Iterator helperek lustán dolgoznak a JavaScriptben
Az Iterator.prototype 2025 óta saját map/filter/take metódusokkal rendelkezik, ami a klasszikus tömbmetódusoktól eltérően lusta kiértékeléssel, köztes tömb nélkül dolgozik – akár végtelen generátorokon is.
Az URLPattern: routing reguláris kifejezés-labirintus nélkül
A URLPattern API-val a böngésző natívan tud URL-eket komponensenként illeszteni és elnevezett paramétereket kiolvasni. Megmutatjuk, mikor tisztább a regexnél, és miért nem query parser.
A vissza gomb gyorsaságának rejtett ellensége: így töröd el a bfcache-t
A böngésző bfcache-e teljes oldalt állíthat vissza a vissza gombnál. Az unload, az élő kapcsolatok és az elavult állapot mégis könnyen elrontja ezt.
Az emoji nem egy karakter: szöveglimitek Intl.Segmenterrel
A JavaScript length értéke UTF-16-kódegységeket számlál, ezért egy emoji vagy kombinált ékezet több helyet foglalhat, mint amennyinek látszik. Az Intl.Segmenter grafémaklaszterekre bontja a szöveget: így a felhasználónak ígért karakterszámot lehet mérni és biztonságosan levágni.
A z-index nem old meg mindent: Popover API és a böngésző top layer rétege
Lebegő menük és panelek esetén a z-index gyakran a rossz eszköz. A Popover API a böngésző top layer rétegét használja, de nem váltja ki a tudatos fókusz- és pozíciókezelést.
A using deklaráció garantálja az erőforrás-felszabadítást – Node 22-n viszont csak félig igaz ez
A using és await using végre garantálja, hogy egy erőforrás felszabadítása lefusson – hiba, korai return esetén is. Node 24-en tökéletesen működik, Node 22 flag-elt verziója viszont némán elnyeli a dispose-hibákat.
A Response.clone() memóriacsapdája: ha az egyik olvasó lemarad
A Response.clone() nem teljes másolatot készít: a lassan fogyó streamág korlátlan memóriapuffert építhet. Mikor veszélyes ez, és hogyan kerüld el?
Web Locks API: így ne fusson kétszer ugyanaz a háttérmunka két böngészőfülben
Így akadályozhatod meg, hogy több böngészőfül egyszerre végezze ugyanazt a háttérmunkát a Web Locks API-val.
A structuredClone nem JSON.stringify: így másolj valódi JavaScript-adatot
A structuredClone() megtartja a Date, Map, Set és körkörös hivatkozások szerkezetét is. Mutatjuk, mikor jobb a JSON-trükknél, és mikor érdemes transferről dönteni.
A fetch timeout nem timeout: AbortSignal.timeout() a gyakorlatban
A fetchhez nincs szabványos timeout opció. Az AbortSignal.timeout() és az AbortSignal.any() a kérést is leállítja – nem csak a rá váró promise-t.