Menu
Coddy logo textTech

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');
challenge icon

Wyzwanie

Łatwy

Tworzysz formularz rejestracyjny. Masz plik validation-utils.js, który zawiera przydatne funkcje do walidacji adresów e-mail.

Twoje zadanie:

  1. Zaimportuj funkcję validateEmail w pliku main.js (jest to eksport nazwany, a nie eksport domyślny)
  2. Wywołaj funkcję i przekaż adres e-mail user@example.com
  3. 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.log
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Programowanie obiektowe

Poćwicz samodzielnie: Kompilator JavaScript online