Salut tout le monde! Aujourd'hui, je partage une astuce rapide qui a considérablement amélioré la sémantique de mon code.

Souvent, que nous travaillions dans le développement front-end ou back-end, nous devons construire des URL avec des paramètres, n'est-ce pas ?

J'avais l'habitude d'écrire les URL de mes requêtes comme ceci :

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

Nous convenons que cette URL est difficile à lire et à maintenir ; nous devons toujours identifier quelles parties sont des paramètres, lesquelles sont des variables et lesquelles ne sont que de la syntaxe Javascript.

Pour résoudre ce problème sémantique, j'ai découvert le URL Constructor, qui accomplit la même tâche mais de manière plus efficace et élégante.

Maintenant, nous pouvons réécrire le même code comme ceci :

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

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

Le code indique clairement ce qu'il fait. Dans la première ligne, nous créons l'URL de base et dans les lignes suivantes, nous ajoutons les paramètres de recherche nécessaires.

Fait. Désormais, la variable url contient les mêmes paramètres de recherche qu'auparavant, mais nous utilisons désormais la classe URL, ce qui rend le code beaucoup plus simple et plus facile à maintenir.

Et toi? Avez-vous déjà utilisé la classe URL ? Peut-être dans un autre but ? N'hésitez pas à partager vos expériences avec moi.