Ekspor Default

Termasuk bagian Dasar-Dasar Node.js dalam perjalanan Node.js di Coddy. Pelajaran 8 dari 33.

Pelajaran ini menambahkan store.js, sebuah file yang membahas satu hal: tempat penyimpanan catatanmu. File seperti itu mengekspor satu hal tersebut sebagai ekspor default, dan file yang mengimpornya bisa memilih nama apa pun.

export default menandai satu nilai yang dibahas sebuah file. Pengimpor memberinya nama apa pun dan tidak menulis kurung kurawal:

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

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

Kurung kurawal meminta ekspor bernama, jadi import { config } from './config.js' gagal di sini: config.js tidak memberi nama apa pun. Gunakan ekspor default untuk nilai utama sebuah file dan ekspor bernama untuk file yang berisi fungsi pembantu.

Tantangan

Mudah

Catatanmu membutuhkan satu tempat untuk disimpan. File baru store.js menyimpannya dalam object store, yang dimulai dengan tiga catatan di store.notes. Bagikan store itu dengan notes.js, lalu gunakan di add dan list.

Di store.js, jadikan store sebagai ekspor default file tersebut. Komentar di bagian bawah menandai tempatnya.
Di notes.js, impor store di bagian atas, di samping impor formatNote. Impor default tidak menggunakan kurung kurawal.
Di cabang add, tambahkan catatan dengan store.add(text). Fungsi ini mengembalikan nomor catatan baru. Cetak Adding: diikuti catatan yang diformat dengan nomor tersebut. Store dimulai dengan tiga catatan, jadi node notes.js add Buy bread mencetak:
```
Adding: 4. Buy bread
```
Di cabang list, pertahankan judul Notes for .... Di bawahnya, ganti No notes yet dengan setiap catatan di store, satu per baris, masing-masing diformat dengan formatNote dan diberi nomor mulai dari 1. node notes.js list mencetak:
```
Notes for you
1. Buy milk
2. Call Ada
3. Water the plants
```
Jika store tidak memiliki catatan, tetap cetak No notes yet di bawah judul.

Coba: ketik add Buy bread di kotak setelah $ node notes.js, lalu tekan Enter. Kamu akan melihat Adding: 4. Buy bread. Kemudian ketik list: kamu akan melihat tiga catatan awal, tetapi tidak Buy bread. Store tersimpan di memori, jadi setiap kali dijalankan, program dimulai lagi dengan tiga catatan dari store.js. Bab 3 menyimpan catatan ke file.

Coba sendiri

// Catatan disimpan di sini sampai bab 3 menyimpannya ke file.
const store = {
    notes: ['Buy milk', 'Call Ada', 'Water the plants'],
    add(text) {
        this.notes.push(text);
        return this.notes.length;
    },
};

// Jadikan store ekspor default dari file ini.