Importowanie za pomocą import
Część sekcji Programowanie obiektowe ścieżki JavaScript w Coddy. Lekcja 9 z 56.
Po wyeksportowaniu funkcjonalności z modułu musimy ją zaimportować, aby użyć jej w innym pliku. Instrukcja import pozwala nam wczytać eksportowane wartości z innych modułów.
Zaimportuj eksport nazwany:
// Importowanie określonej funkcji z modułu
import { greet } from './greeting.js';
// Teraz możemy użyć funkcji greet
greet('John'); // Wypisuje: Witaj, John!Możesz zaimportować jednocześnie wiele nazwanych eksportów:
// Importowanie wielu eksportów
import { greet, farewell } from './greeting.js';
greet('John'); // Wyświetla: Hello, John!
farewell('John'); // Wyświetla: Goodbye, John!Zaimportuj eksport domyślny:
// Importowanie eksportu domyślnego (nawiasy klamrowe nie są potrzebne)
// Użyj tego, gdy w drugim pliku znajduje się: export default functionName
import Person from './person.js';
// Utwórz nowy obiekt Person
const john = new Person('John');Wyzwanie
ŁatwyTworzysz formularz rejestracyjny. Masz plik validation-utils.js, który zawiera przydatne funkcje do walidacji adresów e-mail.
Twoje zadanie:
- Zaimportuj funkcję
validateEmailw plikumain.js(jest to eksport nazwany, a nie eksport domyślny) - Wywołaj funkcję i przekaż adres e-mail user@example.com
- Wypisz wyniki za pomocą
console.log
Spróbuj swoich sił
// TODO: Zaimportuj tutaj funkcję validateEmail (jest eksportem nazwanym)
// TODO: Wywołaj funkcję, przekazując jej adres e-mail user@example.com, i wyświetl wyniki za pomocą console.logTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Programowanie obiektowe
1Obiekty i słowo kluczowe this
Szybka powtórka: obiektyDodawanie metod do obiektówZrozumienie słowa kluczowego thisFunkcje konstruktoraSłowo kluczowe newWyzwanie podsumowujące7Dziedziczenie i słowo kluczowe extends
DziedziczenieRelacja „jest rodzajem”Słowo kluczowe extendsMetoda super()Dziedziczenie właściwości i metodWyzwanie podsumowujące10Polimorfizm
Czym jest polimorfizm?Nadpisywanie odziedziczonych metodUżywanie superWyzwanie podsumowujące13Kompozycja a dziedziczenie
Relacja „ma” a relacja „jest”Ograniczenia głębokiego dziedziczeniaTworzenie obiektów2Organizowanie kodu
Czym są moduły?Eksportowanie za pomocą exportImportowanie za pomocą importEksporty domyślne a nazwane5Enkapsulacja i dostęp
EnkapsulacjaPubliczne i prywatne pola klasyMetody prywatneWyzwanie podsumowujące8Organizowanie kodu OOP
Organizowanie klas w moduły11Projekt: Renderer kształtów
Konfiguracja: klasa Shape i eksportDziedziczenie klasy CircleNadpisywanie i metoda obliczania polaStatyczny licznik kształtów14System zarządzania biblioteką
Projektowanie bibliotekiKlasa Book z kompozycjąWalidacja autora książki9Metody i właściwości statyczne
Poziom klasy a poziom instancjiWłaściwości statyczneStatyczne metody pomocniczeWyzwanie podsumowującePoćwicz samodzielnie: Kompilator JavaScript online