Hallo alle miteinander! Heute teile ich einen kurzen Tipp, der die Semantik meines Codes erheblich verbessert hat.

Ob wir in der Frontend- oder Backend-Entwicklung arbeiten, müssen wir oft URLs mit Parametern erstellen, oder?

Früher habe ich die URLs meiner Anfragen so geschrieben:

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

Wir stimmen zu, dass diese URL schwer zu lesen und zu pflegen ist; Wir müssen immer identifizieren, welche Teile Parameter, welche Variablen und welche nur Javascript-Syntax sind.

Um dieses semantische Problem zu lösen, habe ich den URL-Konstruktor entdeckt, der die gleiche Aufgabe erfüllt, jedoch auf effizientere und elegantere Weise.

Jetzt können wir denselben Code wie folgt umschreiben:

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

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

Der Code zeigt deutlich, was er tut. In der ersten Zeile erstellen wir die Basis-URL und in den folgenden Zeilen fügen wir die notwendigen Suchparameter hinzu.

Erledigt. Jetzt enthält die Variable URL dieselben Suchparameter wie zuvor, aber jetzt verwenden wir die URL-Klasse, wodurch der Code viel einfacher und leichter zu warten ist.

Was ist mit dir? Haben Sie die URL-Klasse schon einmal verwendet? Vielleicht für einen anderen Zweck? Teilen Sie gerne Ihre Erfahrungen mit mir.