js 前端记录日志

class Logger {
  constructor(level = 'info') {
    this.level = level;
    this.levels = {
      error: 0,
      warn: 1,
      info: 2,
      debug: 3
    };
  }

  log(level, message) {
    if (this.levels[level] >= this.levels[this.level]) {
      console.log(`[${level.toUpperCase()}] ${message}`);
      // 这里可以添加代码将日志发送到服务器
    }
  }

  error(message) {
    this.log('error', message);
  }

  warn(message) {
    this.log('warn', message);
  }

  info(message) {
    this.log('info', message);
  }

  debug(message) {
    this.log('debug', message);
  }
}

// 使用示例
const logger = new Logger('debug');
logger.debug('这是一个调试信息');
logger.info('这是一个普通信息');
logger.warn('这是一个警告信息');
logger.error('这是一个错误信息');

function sendLogToServer(logData) {
  fetch('/api/log', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(logData)
  }).catch(error => console.error('发送日志失败:', error));
}

// 在Logger类中调用sendLogToServer
log(level, message) {
  if (this.levels[level] >= this.levels[this.level]) {
    console.log(`[${level.toUpperCase()}] ${message}`);
    sendLogToServer({ level, message, timestamp: new Date() });
  }
}