0Pricing
JavaScript Academy · Lekcja

typeof, wartości truthy/falsy oraz == a ===

Bezpiecznie używaj typeof, rozpoznawaj wartości truthy/falsy i poprawnie porównuj wartości za pomocą ===.

typeof, wartości truthy/falsy oraz == a === to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 2 z 3. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 3 lekcji w sumie.

Wprowadzenie

Cel: Należy poznać sposób, w jaki typeof rozpoznaje typy, dowiedzieć się, które wartości są truthy lub falsy, oraz wiedzieć, kiedy używać === zamiast ==.

  • Podstawy typeof
  • Truthy a falsy
  • Ścisła równość
typeof, wartości truthy/falsy oraz == a === — ilustracja 1

Przegląd typeof

typeof działa szybko w przypadku wartości prymitywnych. Należy pamiętać o starszej osobliwości: typeof null zwraca „object”.

// typeof returns a string describing the type
console.log(typeof 42);        
 // "number"
console.log(typeof "hi");       
// "string"
console.log(typeof true);      
 // "boolean"
console.log(typeof undefined);  
// "undefined"
console.log(typeof 10n);        
// "bigint"
console.log(typeof Symbol("x"));
// "symbol"
console.log(typeof null);       
// "object"  (historic quirk)
typeof, wartości truthy/falsy oraz == a === — ilustracja 2

Truthy a falsy (pojęcie)

Wartości falsy: 0, -0, 0n, „”, false, null, undefined i NaN. Wszystkie pozostałe wartości są truthy (np. „0”, „false”, [], {}, function(){}).

typeof, wartości truthy/falsy oraz == a === — ilustracja 3

Testowanie truthy i falsy

Należy użyć Boolean(x) lub instrukcji if, aby sprawdzić zachowanie wartości w warunkach.

// Use Boolean(x) or if (x) to test truthiness
console.log(Boolean("0"));  
// true (non-empty string)
console.log(Boolean(""));   
// false (empty string)
console.log(Boolean([]));   
// true (arrays are objects)
console.log(Boolean(0));    
// false
console.log(Boolean({}));   
// true
typeof, wartości truthy/falsy oraz == a === — ilustracja 4

Pułapki luźnej równości

== konwertuje typy, co prowadzi do mylących dopasowań. W większości kodu należy tego operatora unikać.

// == performs type coercion: can be surprising
console.log(0 == false);     
// true
console.log("" == 0);       
 // true
console.log(null == undefined); 
// true
console.log("5" == 5);      
// true  (string coerced to number)
typeof, wartości truthy/falsy oraz == a === — ilustracja 5

Ścisła równość

Należy używać === i !==, aby wykonywać przewidywalne porównania bez niejawnej konwersji typów.

// === compares without coercion: safer and clearer
console.log(0 === false);    
// false
console.log("" === 0);       
// false
console.log("5" === 5);      
// false
console.log(5 === 5);        
// true
typeof, wartości truthy/falsy oraz == a === — ilustracja 6

Quiz: ścisła równość

Szybkie sprawdzenie: bezpieczne porównywanie równości.

typeof, wartości truthy/falsy oraz == a === — ilustracja 7

Podsumowanie

Podsumowanie: typeof rozpoznaje wartości prymitywne (należy uważać na null), poznano typowe wartości falsy oraz wyjaśniono, dlaczego === zapewnia większą przejrzystość niż ==.

typeof, wartości truthy/falsy oraz == a === — ilustracja 8

Często zadawane pytania

Czy lekcja „typeof, wartości truthy/falsy oraz == a ===” jest bezpłatna?

Tak — pełny tekst „typeof, wartości truthy/falsy oraz == a ===” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 3 lekcji w sumie.

Co nauczysz się w „typeof, wartości truthy/falsy oraz == a ===”?

Bezpiecznie używaj typeof, rozpoznawaj wartości truthy/falsy i poprawnie porównuj wartości za pomocą ===. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?

Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 3.

Ile czasu zajmuje lekcja „typeof, wartości truthy/falsy oraz == a ===”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?

Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Typy prymitywne a obiekty i podstawowe typy
  2. typeof, wartości truthy/falsy oraz == a ===
  3. Konwersja typów: bezpieczne wzorce unikania niespodzianek
← Powrót do JavaScript Academy