Sự khác nhau giữa Module và Namespace trong TypeScript là gì?

Question

Tiên Thủy · Accepted Answer

Trong TypeScript, cả Module và Namespace đều được sử dụng để tổ chức mã và quản lý phạm vi của biến, nhưng chúng có những cách sử dụng và ứng dụng khác nhau. Dưới đây là sự khác biệt chính giữa Module và Namespace.
1. Định Nghĩa
1.1. Module
Module là một đơn vị mã có thể xuất và nhập (import/export) các thành phần như hàm, lớp, biến, và interface. Mỗi tệp TypeScript được coi là một module. Khi bạn sử dụng export để xuất một thành phần và import để sử dụng nó ở nơi khác, bạn đang làm việc với các module.
Ví dụ:
// moduleA.ts
export const greeting = "Hello, World!";
export function greet() {
  console.log(greeting);
}
// moduleB.ts
import { greeting, greet } from './moduleA';
console.log(greeting); // Hello, World!
greet(); // Hello, World!
1.2. Namespace
Namespace là một cách để nhóm các thành phần lại với nhau trong một phạm vi nhất định, chủ yếu được sử dụng để tổ chức mã trong ứng dụng lớn. Namespace không sử dụng import và export, mà thay vào đó, nó tự động mở rộng phạm vi cho các thành phần bên trong nó.
Ví dụ:
namespace MyNamespace {
  export const greeting = "Hello, World!";
  export function greet() {
    console.log(greeting);
  }
}
// Sử dụng
console.log(MyNamespace.greeting); // Hello, World!
MyNamespace.greet(); // Hello, World!
2. Phạm Vi Sử Dụng
2.1. Module
Modules thường được sử dụng trong các ứng dụng hiện đại và hệ thống lớn, nơi bạn cần phân chia mã thành nhiều tệp để dễ quản lý và bảo trì.
Modules hỗ trợ tải động và có thể được sử dụng với các hệ thống module như CommonJS hoặc ES Module.
2.2. Namespace
Namespaces thường được sử dụng trong các ứng dụng nhỏ hơn hoặc mã đã có sẵn, nơi bạn muốn tổ chức mã mà không cần chia tách thành nhiều tệp.
Chúng có thể hữu ích trong việc nhóm các thành phần liên quan mà không cần xuất nhập.
3. Biên Dịch và Tổ Chức
3.1. Module
Khi biên dịch, TypeScript tạo ra một cấu trúc tệp riêng biệt cho mỗi module và giữ cho các thành phần của nó tách biệt.
Modules hỗ trợ ES6 import và export, cho phép bạn dễ dàng quản lý các phụ thuộc.
3.2. Namespace
Namespaces không tạo ra tệp riêng biệt cho mỗi thành phần mà chỉ tạo ra một không gian tên trong mã. Tất cả các thành phần trong một namespace được gộp lại trong một phạm vi duy nhất.
Chúng không hỗ trợ import và export và thường được sử dụng trong các tệp cùng một dự án.
4. Sự Khác Biệt Về Cú Pháp
4.1. Module
Sử dụng import và export:
// Tạo module
export class MyClass {
  // ...
}
// Sử dụng module
import { MyClass } from './myModule';
4.2. Namespace
Không cần import và export:
namespace MyNamespace {
  export class MyClass {
    // ...
  }
}
// Sử dụng namespace
const instance = new MyNamespace.MyClass();
5. Kết Luận
Tóm lại, cả Module và Namespace đều cung cấp cách tổ chức mã trong TypeScript nhưng được sử dụng trong các bối cảnh khác nhau. Module thích hợp cho các ứng dụng hiện đại, phân tán và hỗ trợ quản lý phụ thuộc tốt hơn, trong khi Namespace thường phù hợp với các ứng dụng nhỏ hoặc mã đã có sẵn, nơi bạn cần tổ chức mã mà không cần chia tách thành nhiều tệp. Việc chọn sử dụng cái nào phụ thuộc vào quy mô của dự án và cách bạn muốn quản lý mã của mình.