JavaScript: импорт классов из другого файла

Чтобы импортировать класс из другого файла в JavaScript, вы можете использовать оператор import. Вот пример:

// File: MyClass.js
export class MyClass {
  constructor() {
    // Constructor code here
  }
// Other methods and properties
}
// File: main.js
import { MyClass } from './MyClass.js';
const myObject = new MyClass();
// Use the MyClass object here

В приведенном выше примере у нас есть класс под названием MyClass, определенный в файле с именем MyClass.js. Мы используем ключевое слово export, чтобы сделать класс доступным для импорта в другие файлы. В файле main.jsмы используем оператор importдля импорта класса MyClass. После импорта мы можем создавать объекты MyClassи использовать их по мере необходимости.

Вот еще несколько методов, которые можно использовать для импорта классов из других файлов в JavaScript:

  1. Использование экспорта по умолчанию:

    // Exporting file:
    export default class MyClass {
     // Class code here
    }
    // Importing file:
    import MyClass from './MyClass.js';
  2. Импорт нескольких классов из файла:

    // Exporting file:
    export class Class1 {
     // Class1 code here
    }
    export class Class2 {
     // Class2 code here
    }
    // Importing file:
    import { Class1, Class2 } from './MyClasses.js';
  3. Импорт всего экспорта как объекта:

    // Exporting file:
    export class Class1 {
     // Class1 code here
    }
    export class Class2 {
     // Class2 code here
    }
    // Importing file:
    import * as MyClasses from './MyClasses.js';
    const class1 = new MyClasses.Class1();
    const class2 = new MyClasses.Class2();