Nullish coalescing — JavaScript

Operator ?? daje wartość domyślną tylko dla null lub undefined.

Cel lekcji

Poznać zagadnienie „Nullish coalescing”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

W przeciwieństwie do || nie zastępuje zera ani pustego napisu. To ważne przy licznikach i formularzach.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Konsola przeglądarki lub Node.js

const points = 0;
console.log(points ?? 10);
console.log(points || 10);

Przeczytaj kod linijka po linijce

const points = 0;Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
console.log(points ?? 10);Wyświetlamy wartość, aby sprawdzić efekt działania programu.
console.log(points || 10);Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

0
10

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Porównaj oba operatory dla pustego napisu.