Eksportowanie za pomocą export
Część sekcji Programowanie obiektowe ścieżki JavaScript w Coddy. Lekcja 8 z 56.
Podczas organizowania kodu JavaScript w wielu plikach słowo kluczowe export pozwala udostępniać funkcje, zmienne i inne elementy kodu, aby można było ich używać w innych plikach.
Utwórzmy dwie proste funkcje, które chcemy eksportować:
File: math-utils.js
// Funkcja, która dodaje dwie liczby
function add(a, b) {
return a + b;
}
// Funkcja, która mnoży dwie liczby
function multiply(a, b) {
return a * b;
}
// Eksportuj funkcje, aby inne pliki mogły z nich korzystać
export { add, multiply };Możesz też użyć składni eksportu inline:
File: math-utils.js
// Eksportuj funkcje bezpośrednio
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}Wyzwanie
ŁatwyMasz dwa pliki <strong>main.js</strong> i <strong>weather-utils.js</strong>. Twoje zadanie:
- W
<strong>weather-utils.js</strong>: Dodaj słowo kluczoweexport, aby udostępnić funkcjęgetWeatherMessageinnym plikom - W
<strong>main.js</strong>: Wywołaj zaimportowaną funkcjęgetWeatherMessagez temperaturą 15 i wyświetl wynik za pomocąconsole.log
Spróbuj swoich sił
import { getWeatherMessage } from './weather-utils.js';
// TODO: Wywołaj funkcję getWeatherMessage z temperaturą 15 i wyświetl wynik 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