TypeScript로 의존성 주입 구현

// interface ILogger { log(msg: string): void; }
  // interface IStorage { save(key: string, value: any): void; get(key: string): any; }

  class ConsoleLogger {
    log(msg) { this._history = this._history || []; this._history.push(msg); }
    getHistory() { return this._history || []; }
  }

  class MemoryStorage {
    constructor() { this._data = {}; }
    save(key, value) { this._data[key] = value; }
    get(key) { return this._data[key]; }
  }

  // MissionService depends on ILogger & IStorage (주입)
  class MissionService {
    constructor(logger, storage) {
      this._logger = logger;
      this._storage = storage;
    }
    execute(mission) {
      this._logger.log(`[EXECUTE] ${mission.name}`);
      this._storage.save(mission.id, mission);
      return `임무 ${mission.name} 실행 완료`;
    }
    getLogs() { return this._logger.getHistory(); }
  }

  const logger = new ConsoleLogger();
  const storage = new MemoryStorage();
  const service = new MissionService(logger, storage);  // DI

  const result = service.execute({ id: '001', name: 'SKYNET INFILTRATION' });
  service.execute({ id: '002', name: 'CONNOR TERMINATION' });

  [result, '--- LOGS ---', ...service.getLogs()].forEach(msg => {
    const el = document.createElement('div');
    el.style.color = msg.startsWith('---') ? '#555' : '#888';
    el.style.fontSize = '11px'; el.style.marginBottom = '4px';
    el.textContent = msg;
    document.currentScript.parentElement.appendChild(el);
  });