嘿大家！今天，我分享一個快速提示，它顯著地改進了我的程式碼的語義。

很多時候，無論是前端或後端開發，我們都需要建構有參數的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 類別嗎？也許還有其他目的？歡迎與我分享您的經驗。