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');Tantangan
MudahKamu sedang membuat formulir pendaftaran. Kamu memiliki file validation-utils.js yang berisi fungsi validasi email yang berguna.
Tugasmu:
- Impor fungsi
validateEmaildimain.js(Fungsi ini adalah ekspor bernama, bukan ekspor default) - Panggil fungsi tersebut dan berikan alamat email user@example.com
- 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.logPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pemrograman Berorientasi Objek
1Object dan Kata Kunci this
Tinjauan Singkat: objectMenambahkan method ke objectMemahami Kata Kunci thisFungsi KonstruktorKata Kunci newTantangan Rangkuman7Pewarisan & Kata Kunci extends
PewarisanHubungan "is-a"Kata Kunci extendsmethod super()Mewarisi property & methodTantangan Rangkuman2Mengatur Kode
Apa itu module?Mengekspor dengan exportMengimpor dengan importEkspor default vs. ekspor bernama8Mengatur Kode OOP
Mengatur class ke dalam module11Proyek: Perender Bentuk
Penyiapan: class Shape & EksporPewarisan class CircleOverride & Method LuasPenghitung Shape Statis14Sistem Manajemen Perpustakaan
Merancang PerpustakaanClass Book dengan CompositionValidasi Penulis Buku9Method dan property Statis
Level class vs. level instanceProperty StatisMethod Utilitas StatisTantangan RangkumanLatihan sendiri: Compiler JavaScript online