Всем привет! Сегодня я поделюсь советом, который значительно улучшил семантику моего кода.

Часто, независимо от того, работаем ли мы над фронтенд- или бэкенд-разработкой, нам необходимо создавать 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? Может быть, с другой целью? Не стесняйтесь поделиться со мной своим опытом.