获取日志 API 响应时间 - JavaScript

在开发 Web 应用程序时，经常需要对 API 的响应时间进行监控和优化。本篇文章将介绍如何使用 JavaScript 来获取 API 的响应时间。

获取响应时间

可以使用 JavaScript 中的 fetch() 函数来获取 API 的响应时间。fetch() 函数会返回一个 Promise 对象，可以使用 Promise 的 then() 方法来获取响应时间。

下面是一个简单的示例：

const startTime = new Date().getTime();

fetch('https://example.com/api/getData')
  .then(response => {
    const endTime = new Date().getTime();
    console.log(`API 响应时间为 ${endTime - startTime} 毫秒`);
    return response.json();
  })
  .then(data => {
    // 处理响应数据
  })
  .catch(error => console.error(error));

在该示例中，我们首先使用 new Date().getTime() 获取当前时间戳作为 API 请求开始时间。然后，我们使用 fetch() 函数来发起 API 请求，并在 then() 方法中获取 API 响应时间，并输出到控制台。接着，我们解析响应数据，并在 then() 方法中处理数据。最后，我们使用 catch() 方法来捕获异常。

结论

使用 JavaScript 来获取 API 的响应时间非常简单。只需要使用 fetch() 函数和 Date() 对象来获取开始时间和结束时间，然后计算响应时间即可。

在使用此方法时，请注意浏览器的兼容性问题。

感谢阅读！