Nazewnictwo, czytelność i typowe pułapki
Poznaj zasady nazewnictwa i czytelności; unikaj przesłaniania, magicznych liczb i mieszanych deklaracji.
Nazewnictwo, czytelność i typowe pułapki to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 3 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 pisać czytelny kod, używać jasnych nazw, unikać magicznych liczb i uważać na przesłanianie nazw.
- Opisowe nazwy
- Stałe dla niezmiennych wartości
- Brak przypadkowego przesłaniania
Przykład jasnego nazewnictwa
Zmienne należy nazywać zgodnie z tym, co przechowują, a nie z tym, jak są używane. Najlepsze są nazwy krótkie, ale jasne.
// Use descriptive names
// Avoid single letters or vague words
const itemCount = 3;
const unitPrice = 5;
const totalPrice = itemCount * unitPrice;
console.log("Items:", itemCount);
console.log("Unit price:", unitPrice);
console.log("Total price:", totalPrice);
Wskazówki dotyczące nazewnictwa
Wskazówki dotyczące nazewnictwa:
- Rzeczowniki dla danych (userName, totalPrice)
- Czasowniki dla funkcji (computeTotal)
- Należy zachowywać spójny sposób zapisu wielkości liter (camelCase)
Bez magicznych liczb
Stałe wartości należy przenosić do stałych (często stosuje się zapis UPPER_CASE). Wyjaśnia to intencję i ułatwia aktualizacje.
// Replace magic numbers with named constants
const TAX_RATE = 0.08;
const SUBTOTAL = 20;
const tax = SUBTOTAL * TAX_RATE;
const finalTotal = SUBTOTAL + tax;
console.log("Tax:", tax);
console.log("Final total:", finalTotal);
Przykład przesłaniania
Przesłanianie: zmienna wewnętrzna używa tej samej nazwy i ukrywa zmienną zewnętrzną. Gdy zakresy są zagnieżdżone, należy preferować unikatowe nazwy.
// Shadowing: inner variable hides an outer one
let score = 10;
function addBonus() {
// The next line creates a new "score" only inside this function
let score = 5;
console.log("Inner score:", score);
}
addBonus();
console.log("Outer score:", score);
Lista kontrolna czytelności
Lista kontrolna:
- Jedna myśl w każdym wierszu
- Krótkie funkcje
- Stałe dla niezmiennych wartości
- Należy unikać ponownego używania nazw w różnych zakresach
Quiz: dobre praktyki nazewnictwa
Szybkie sprawdzenie: jasne nazewnictwo.
Podsumowanie
Podsumowanie: Należy używać opisowych nazw, przenosić niezmienne wartości do stałych i unikać przesłaniania, aby kod był łatwy do czytania i utrzymania.
Często zadawane pytania
Czy lekcja „Nazewnictwo, czytelność i typowe pułapki” jest bezpłatna?
Tak — pełny tekst „Nazewnictwo, czytelność i typowe pułapki” 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 „Nazewnictwo, czytelność i typowe pułapki”?
Poznaj zasady nazewnictwa i czytelności; unikaj przesłaniania, magicznych liczb i mieszanych deklaracji. Ć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 3 z 3.
Ile czasu zajmuje lekcja „Nazewnictwo, czytelność i typowe pułapki”?
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
- let, const i unikanie var
- Zakres blokowy, funkcyjny i modułowy oraz TDZ
- Nazewnictwo, czytelność i typowe pułapki