Menu
CoddyTech

Eksporty domyślne

Część sekcji Podstawy Node.js ścieżki Node.js w Coddy. Lekcja 8 z 33.

Ta lekcja dodaje plik store.js, który dotyczy jednej rzeczy: sklepu przechowującego twoje notatki. Taki plik udostępnia tę jedną rzecz jako eksport domyślny, a plik, który ją importuje, wybiera dla niej dowolną nazwę.

export default oznacza jedną wartość, której dotyczy plik. Importujący nadaje jej dowolną nazwę i nie zapisuje nawiasów klamrowych:

// config.js
const config = { port: 3000 };
export default config;

// app.js
import settings from './config.js';
console.log(settings.port);

Nawiasy klamrowe oznaczają import nazwany, więc import { config } from './config.js' nie zadziała w tym przypadku: config.js nie eksportuje niczego pod nazwą config. Używaj eksportu domyślnego dla głównej wartości pliku, a eksportów nazwanych dla pliku z funkcjami pomocniczymi.

challenge icon

Wyzwanie

Łatwy

Twoje notatki potrzebują jednego miejsca, w którym będą przechowywane. Nowy plik store.js przechowuje je w obiekcie store, który początkowo zawiera trzy notatki w store.notes. Udostępnij ten obiekt plikowi notes.js i użyj go w add oraz list.

  1. W pliku store.js ustaw store jako domyślny eksport pliku. Komentarz na dole wskazuje odpowiednie miejsce.
  2. W pliku notes.js zaimportuj obiekt store na górze, obok importu formatNote. Import domyślny nie ma nawiasów klamrowych.
  3. W gałęzi add dodaj notatkę za pomocą store.add(text). Zwraca ona numer nowej notatki. Wypisz Adding: , a po nim notatkę sformatowaną z tym numerem. Obiekt store zaczyna od trzech notatek, więc node notes.js add Buy bread wypisuje:
    Adding: 4. Buy bread
  4. W gałęzi list pozostaw nagłówek Notes for .... Pod nim wypisz wszystkie notatki z obiektu store, każdą w osobnym wierszu, sformatowaną za pomocą formatNote i ponumerowaną od 1. node notes.js list wypisuje:
    Notes for you
    1. Buy milk
    2. Call Ada
    3. Water the plants
    Jeśli obiekt store nie zawiera żadnych notatek, nadal wypisz pod nagłówkiem No notes yet.

Wypróbuj: wpisz add Buy bread w polu po $ node notes.js i naciśnij Enter. Zobaczysz Adding: 4. Buy bread. Następnie wpisz list: zobaczysz trzy początkowe notatki, ale nie Buy bread. Obiekt store znajduje się w pamięci, więc każde uruchomienie zaczyna się od nowa z trzema notatkami z pliku store.js. W rozdziale 3 notatki będą zapisywane do pliku.

Spróbuj swoich sił

// Notatki są przechowywane tutaj, dopóki rozdział 3 nie zapisze ich w pliku.
const store = {
    notes: ['Buy milk', 'Call Ada', 'Water the plants'],
    add(text) {
        this.notes.push(text);
        return this.notes.length;
    },
};

// Ustaw store jako domyślny eksport tego pliku.

Wszystkie lekcje w sekcji Podstawy Node.js

Poćwicz samodzielnie: Edytor online Express