Pengantar Modul dan Ruang Nama

Modul dan ruang nama dalam TypeScript membantu mengatur dan menyusun kode Anda, terutama dalam proyek besar.

Meskipun keduanya mencapai tujuan yang serupa, cara penggunaannya berbeda. Pelajaran ini akan memandu Anda memahami perbedaan dan penggunaannya.

Apa Itu Modul?

Modul adalah file atau bagian kode yang mengekspor fungsionalitas, seperti variabel, fungsi, atau kelas, agar dapat digunakan kembali di bagian lain aplikasi.

TypeScript menggunakan modul ES untuk fungsionalitas impor/ekspor, yang kini menjadi standar dalam JavaScript.

Mengekspor dan Mengimpor dalam Modul

Anda dapat mengekspor kode dari sebuah modul menggunakan export dan mengimpornya menggunakan import:

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

Impor kode tersebut di file lain:

// app.ts
import { add } from './math';
console.log(add(2, 3));

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import { add } from './math';
console.log(add(2, 3));

Ekspor Bawaan

TypeScript juga memungkinkan ekspor bawaan, yang memungkinkan Anda mengekspor satu nilai dari sebuah modul:

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

Impor kode tersebut tanpa kurung kurawal:

// app.ts
import add from './math';
console.log(add(2, 3));

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import add from './math';
console.log(add(2, 3));

Apa Itu Ruang Nama?

Ruang nama dalam TypeScript adalah cara untuk mengelompokkan kode terkait di bawah satu nama, sehingga kode lebih teratur dan konflik penamaan dapat dihindari.

Ruang nama didefinisikan menggunakan kata kunci namespace.

Membuat dan Menggunakan Ruang Nama

Berikut contoh ruang nama:

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

Anda dapat menggunakannya seperti ini:

console.log(MathUtils.add(2, 3));

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

console.log(MathUtils.add(2, 3));

Modul vs. Ruang Nama

Berikut perbedaan utama antara modul dan ruang nama:

• Modul berbasis file dan mendukung sintaks modul ES.
• Ruang nama ideal untuk mengatur kode dalam satu file, tetapi dianggap sudah usang untuk aplikasi modern.

Praktik Terbaik

Saat bekerja dengan TypeScript:

• Gunakan modul untuk proyek baru karena selaras dengan standar JavaScript modern.
• Pertimbangkan penggunaan ruang nama hanya untuk proyek lama atau berskala kecil.
• Selalu jaga agar kode Anda teratur dan konsisten.

Selamat!

Anda telah mempelajari cara menggunakan modul dan ruang nama untuk menyusun dan mengatur proyek TypeScript Anda. Teruslah berlatih agar menguasai konsep-konsep penting ini!