Menu
Coddy logo textTech

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;
}
challenge icon

Wyzwanie

Łatwy

Masz dwa pliki <strong>main.js</strong> i <strong>weather-utils.js</strong>. Twoje zadanie:

  1. W <strong>weather-utils.js</strong>: Dodaj słowo kluczowe export, aby udostępnić funkcję getWeatherMessage innym plikom
  2. W <strong>main.js</strong>: Wywołaj zaimportowaną funkcję getWeatherMessage z 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.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