使用代理和Fetch的日志系统
原文英文，约300词，阅读约需1分钟。
📝
内容提要
fetchLogger是一个代理对象，用于包装fetch函数，拦截并记录请求的URL、选项、响应状态和文本。它还克隆响应以便多次读取，并在发生错误时进行记录。可以通过将代理赋值给window.fetch来全局替换fetch。
🔎
延伸解读
代理对象的优势
使用fetchLogger作为代理对象，可以有效地拦截和记录fetch请求的详细信息。这种方式不仅提高了调试的便利性，还能帮助开发者更好地理解请求和响应的过程，尤其是在处理复杂的API交互时。
错误处理的重要性
fetchLogger在捕获和记录错误方面表现出色。通过记录fetch过程中遇到的错误，开发者可以更快速地定位问题，提升应用的稳定性和用户体验。这种错误日志记录机制在生产环境中尤为重要。
响应克隆的实用性
fetchLogger通过克隆响应对象，确保响应体可以多次读取。这在处理流式数据或需要多次解析响应的场景中非常有用，避免了因响应体只能读取一次而导致的数据丢失问题。
❓
Q&A
fetchLogger是什么？
fetchLogger是一个代理对象，用于包装fetch函数，拦截并记录请求和响应信息。
如何使用fetchLogger替换全局fetch？
可以通过将代理赋值给window.fetch来全局替换fetch。
fetchLogger如何记录请求和响应？
它记录请求的URL和选项，以及响应的状态、状态文本和URL。
fetchLogger如何处理错误？
它捕获并记录fetch过程中遇到的任何错误，并重新抛出以供调用者处理。
fetchLogger如何克隆响应？
fetchLogger在处理响应时克隆响应，以确保可以多次读取响应体。
fetchLogger的应用示例是什么？
示例中使用fetchLogger发送GET请求，并记录响应数据。
🏷️
