Các lớp và module trong OOP trong JavaScript

Thông thường mỗi lớp được đặt trong một module riêng biệt. Đồng thời, tên tệp module phải khớp với tên lớp được lưu trữ. Hãy đặt lớp User của chúng ta vào tệp tương ứng:

User.jsexport default class User {
  #name;
  
  constructor(name) {
    this.#name = name;
  }
  getName() {
    return this.#name;
  }
}

Trong tệp index.js, hãy nhập lớp của chúng ta:

index.jsimport User from './User.js';

Bây giờ trong tệp này có thể làm việc với lớp của chúng ta:

index.jslet user = new User('john');