Menu
CoddyTech

Mengimpor dengan import

Termasuk bagian Pemrograman Berorientasi Objek dalam perjalanan JavaScript di Coddy. Pelajaran 9 dari 56.

Setelah mengekspor fungsi dari sebuah module, kita perlu mengimpornya agar dapat digunakan di file lain. Pernyataan import memungkinkan kita mengambil nilai yang diekspor dari module lain.

Impor named export:

// Mengimpor fungsi tertentu dari sebuah module
import { greet } from './greeting.js';

// Sekarang kamu bisa menggunakan fungsi greet
greet('John'); // Output: Hello, John!

Kamu dapat mengimpor beberapa ekspor bernama sekaligus:

// Mengimpor beberapa ekspor
import { greet, farewell } from './greeting.js';

greet('John');      // Menghasilkan: Hello, John!
farewell('John');   // Menghasilkan: Goodbye, John!

Impor ekspor default:

// Mengimpor default export (tidak perlu kurung kurawal)
// Gunakan ini saat file lain berisi: export default functionName
import Person from './person.js';

// Buat Person baru
const john = new Person('John');
challenge icon

Tantangan

Mudah

Kamu sedang membuat formulir pendaftaran. Kamu memiliki file validation-utils.js yang berisi fungsi validasi email yang berguna.

Tugasmu:

  1. Impor fungsi validateEmail di main.js (Fungsi ini adalah ekspor bernama, bukan ekspor default)
  2. Panggil fungsi tersebut dan berikan alamat email user@example.com
  3. Cetak hasilnya menggunakan console.log

Coba sendiri

// TODO: Impor fungsi validateEmail di sini (fungsi ini merupakan ekspor bernama)

// TODO: Panggil fungsi tersebut, berikan alamat email user@example.com sebagai argumen, lalu cetak hasilnya menggunakan console.log
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pemrograman Berorientasi Objek

Latihan sendiri: Compiler JavaScript online