JS日志记录哪些关键数据

在JavaScript中，记录关键数据对于调试、监控和性能优化至关重要。以下是一些常见的关键数据类型，你可以在日志中记录它们：

1. 错误信息

• 错误类型：如TypeError, ReferenceError等。
• 错误消息：描述错误的详细信息。
• 堆栈跟踪：帮助定位错误发生的位置。

try {
  // 代码块
} catch (error) {
  console.error('Error Type:', error.name);
  console.error('Error Message:', error.message);
  console.error('Stack Trace:', error.stack);
}

2. 请求和响应

• HTTP状态码：如200, 404, 500等。
• 请求URL：发起请求的地址。
• 响应时间：请求从发送到接收的时间。
• 请求头和响应头：重要的元数据。

fetch('https://api.example.com/data')
  .then(response => {
    console.log('Status Code:', response.status);
    return response.json();
  })
  .then(data => console.log('Data:', data))
  .catch(error => console.error('Fetch Error:', error));

3. 用户交互

• 点击事件：记录用户点击的元素和时间。
• 表单提交：记录表单提交的数据和结果。

document.getElementById('myButton').addEventListener('click', () => {
  console.log('Button Clicked at:', new Date());
});

4. 性能指标

• 页面加载时间：从开始加载到完全加载的时间。
• 函数执行时间：关键函数的执行时长。

console.time('Function Execution Time');
// 执行某个函数
console.timeEnd('Function Execution Time');

5. 应用状态

• 当前页面URL：用户所在的页面地址。
• 用户登录状态：是否已登录及其用户ID。
• 设备信息：如浏览器类型、操作系统、屏幕分辨率等。

console.log('Current URL:', window.location.href);
console.log('User Logged In:', isLoggedIn);
console.log('Device Info:', navigator.userAgent);

6. 数据库操作

• SQL查询：执行的SQL语句。
• 查询结果：返回的数据。
• 错误信息：数据库操作失败时的详细信息。

db.query('SELECT * FROM users', (error, results) => {
  if (error) {
    console.error('Database Query Error:', error);
  } else {
    console.log('Query Results:', results);
  }
});

7. 第三方库和API调用

• 调用结果：第三方服务返回的数据。
• 调用时间：请求的开始和结束时间。
• 错误信息：调用失败时的详细信息。

axios.get('https://api.thirdparty.com/data')
  .then(response => console.log('Third Party API Response:', response.data))
  .catch(error => console.error('Third Party API Error:', error));

8. 日志级别

• INFO：一般信息，如操作成功。
• WARN：警告信息，如潜在问题。
• ERROR：错误信息，如程序崩溃。
• DEBUG：调试信息，用于开发阶段。

console.log('INFO: Operation completed successfully.');
console.warn('WARN: Potential issue detected.');
console.error('ERROR: Critical error occurred.');
console.debug('DEBUG: Detailed debugging information.');

注意事项

• 隐私保护：避免记录敏感信息，如用户密码、信用卡号等。
• 日志大小：定期清理旧日志，防止日志文件过大影响性能。
• 日志格式：统一日志格式，便于后续分析和处理。

通过记录这些关键数据，你可以更好地理解应用的行为，快速定位和解决问题。