为什么应该使用 URL 构造函数而不是模板文字

大家好！今天，我分享一个快速提示，它显着改进了我的代码的语义。

很多时候，无论是前端还是后端开发，我们都需要构造带有参数的URL，对吧？

我曾经这样写我的请求的 URL：

const url = `http://localhost:3000/endpoint/param1=${var1}&param2=${var2}&param3=${var3}`

我们同意这个 URL 难以阅读和维护；我们总是需要识别哪些部分是参数，哪些部分是变量，哪些只是 Javascript 语法。

为了解决这个语义问题，我发现了 URL 构造函数，它以更高效、更优雅的方式完成相同的任务。

现在，我们可以重写相同的代码，如下所示：

const url = new URL('http://localhost:3000/endpoint')

url.searchParams.set('param1', var1)
url.searchParams.set('param2', var2)
url.searchParams.set('param3', var3)

代码清楚地表明了它在做什么。在第一行中，我们创建基本 URL，在后续行中，我们添加必要的搜索参数。

完成。现在，变量 url 包含与以前相同的搜索参数，但现在我们使用 URL 类，使代码更加简单且易于维护。

你呢？你以前使用过 URL 类吗？也许还有其他目的？欢迎与我分享您的经验。

以上是为什么应该使用 URL 构造函数而不是模板文字的详细内容。更多信息请关注PHP中文网其他相关文章！