当JSDOM与Fetch相遇：跨环境的教训
内容提要
在跨环境JavaScript开发中，相对URL在浏览器中正常，但在JSDOM中因其默认的window.location.href为about:blank而解析失败。解决方法是显式检测相对URL，并根据globalThis.location.origin进行解析，以确保各环境一致性。正确配置测试环境至关重要，库作者需考虑意外情况。
延伸解读
测试环境配置的重要性
在跨环境JavaScript开发中，测试环境的配置至关重要。文章指出，JSDOM的默认设置可能导致相对URL解析失败，因此开发者必须确保在测试运行器中正确设置window.location或基础URL。忽视这一点可能导致代码在不同环境中表现不一致，增加调试难度。
相对URL解析的复杂性
相对URL在浏览器中解析正常，但在JSDOM等测试环境中却可能失败。这是因为JSDOM的location对象与浏览器的window.location存在差异。开发者需要显式检测相对URL并根据globalThis.location.origin进行解析，以确保在不同环境中的一致性。
库设计的灵活性
文章强调，库的设计应考虑到不同环境的潜在差异。即使测试环境配置正确，库的包装器仍需安全处理相对URL，以保证在各种环境中都能正常工作。这种灵活性不仅提高了库的可靠性，也减少了未来维护的复杂性。
Q&A
为什么在JSDOM中相对URL会解析失败？
在JSDOM中，window.location.href默认是about:blank，这导致相对URL无法正确解析。
如何解决JSDOM中相对URL解析失败的问题？
可以显式检测相对URL，并根据globalThis.location.origin进行解析，以确保一致性。
JSDOM与浏览器的location对象有什么不同？
JSDOM的location对象与浏览器的window.location不完全相同，这可能导致相对URL解析失败。
在测试环境中配置window.location的重要性是什么？
正确配置window.location或基础URL是确保相对URL正常工作的关键，否则会导致解析失败。
开发跨环境JavaScript代码时需要注意什么？
需要注意不同环境中相对URL的解析差异，并确保库能够优雅地处理意外情况。
如何确保库在不同环境中表现一致？
库的设计应考虑到不同环境的差异，并在逻辑中处理相对URL，以保证一致性。
