10 trików JavaScript dla początkujących

JavaScript napędza nowoczesny internet. Niezależnie od tego, czy dopiero zaczynasz, czy masz już doświadczenie, te 10 trików pomoże Ci pisać czystszy i bezpieczniejszy kod.

Trik 1: destrukturyzacja. Zamiast const name = user.name, napisz const { name, email } = user. Oszczędza czas i poprawia czytelność. Trik 2: optional chaining. user?.address?.city bezpiecznie sięga do zagnieżdżonych właściwości bez ryzyka błędu, gdy coś jest undefined.

Trik 3: template literals. Backticki pozwalają wstawiać zmienne do tekstu: `Hello ${name}!`. Trik 4: operator spread. Kopiuj tablice i obiekty jedną linijką: const newArr = [...oldArr, newItem]. Trik 5: metody tablic. map(), filter() i reduce() zastępują większość pętli: users.filter(u => u.active).map(u => u.name).

Trik 6: async/await. Zapomnij o „callback hell” i pisz kod asynchroniczny jak synchroniczny, z try/catch dla błędów. Trik 7: operator ?? (nullish coalescing). const port = config.port ?? 3000 użyje 3000 tylko dla null lub undefined, a nie dla 0 czy pustego tekstu, jak robi to ||. Trik 8: Promise.all. Uruchom niezależne zapytania równolegle zamiast jedno po drugim.

const { name, email } = user;
const city = user?.address?.city ?? 'Unknown';
const greeting = `Hello ${name}!`;
const next = [...oldArr, newItem];
const names = users.filter(u => u.active).map(u => u.name);
const [a, b] = await Promise.all([getA(), getB()]);
const unique = [...new Set(list)];
const copy = structuredClone(obj);

Trik 9: Set do unikalnych wartości: const unique = [...new Set(list)]. Trik 10: Object.entries i for...of do czytelnego przechodzenia po obiektach, oraz structuredClone(obj) do prawdziwej głębokiej kopii. Te tricki to dopiero początek. W Nettivo używamy ich na co dzień przy tworzeniu wydajnych, czytelnych i łatwych w utrzymaniu aplikacji webowych: nettivo.no/kontakt.