คลาสและโมดูลใน OOP ใน JavaScript

ตามปกติแล้วแต่ละคลาสจะถูกวางไว้ ใน โมดูล แยกต่างหาก ชื่อไฟล์โมดูลควรสอดคล้องกับ ชื่อของคลาสที่เก็บไว้ มาวาง คลาส User ของเราในไฟล์ที่เกี่ยวข้อง:

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

ในไฟล์ index.js นำเข้าคลาสของเรา:

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

ตอนนี้ในไฟล์นี้สามารถ ทำงานกับคลาสของเราได้:

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