Как работает циклическая зависимость в модулях?

// a.js
import { b } from "./b.js";
console.log("a.js загружен, b =", b);
export const a = "A";

// b.js
import { a } from "./a.js";
console.log("b.js загружен, a =", a);
export const b = "B";

// a.js (CJS)
const { b } = require("./b");
console.log("a.js загружен, b =", b);
module.exports = { a: "A" };

// b.js (CJS)
const { a } = require("./a");
console.log("b.js загружен, a =", a); // undefined — a.js ещё не экспортировал
module.exports = { b: "B" };

// counter.js (ESM)
import { increment as incFromB } from "./b-counter.js";

export let count = 0;

export function increment() {
  count++;
}

// b-counter.js (ESM)
import { count } from "./counter.js";

export function increment() {
  // count — живая ссылка, видит актуальное значение
  console.log("b видит count =", count);
}

// Даже при циклических зависимостях live binding обновляется корректно

// ❌ Типичная проблема
// user.js
import { Order } from "./order.js";

export class User {
  getOrders() {
    return Order.findByUser(this.id);
  }
}

// order.js
import { User } from "./user.js";

export class Order {
  getUser() {
    return User.findById(this.userId);
  }
}

// User и Order импортируют друг друга — цикл!

// ✅ Решение 1: третий модуль-посредник
// repository.js
import { User } from "./user.js";
import { Order } from "./order.js";

export function getOrdersForUser(userId) {
  return Order.findByUser(userId);
}

export function getUserForOrder(order) {
  return User.findById(order.userId);
}

// ✅ Решение 2: ленивый импорт
// user.js

export class User {
  async getOrders() {
    const { Order } = await import("./order.js");
    return Order.findByUser(this.id);
  }
}