Czy powinienem używać konstruktora Headers?

Question

Cześć, czy dobrą praktyką jest używanie konstruktora Headers?

const ourHeaders = new Headers();
ourHeaders.append("Content-Type", "application/json");

fetch(URL, {
  method: 'POST',
  headers: ourHeaders,
  body: JSON.stringify(data)
})

To samo można przecież osiągnąć tworząc zwykły literał obiektu...

fetch(URL, {
  method: 'POST',
  headers: {
     'Content-type': 'application/json'
  },
  body: JSON.stringify(data) 
})

Są jakieś plusy/minusy obu sposobów?

Answer 1

Moim zdaniem to zależy od tego co chcesz robić z obiektem zawierającym te nagłówki - czy tylko przekazać go do przykładowego fetch, czy może coś na nim podziałać? Jeśli to drugie, to obiekt stworzony przez konstruktor Headers ma dostęp do metod z prototypu, które umożliwiają Ci operowanie na tym obiekcie. Z tego co widzę w dokumentacji, to raczej wszystkie te metody możesz zastąpić swoim kodem lub metodami statycznymi z konstruktora Object, ale niewykluczone, że natywne odpowiedniki z Headers.prototype są bardziej zoptymalizowane. Poza tym, pod względem czytelności użycie metod z Headers.prototype jest lepsze, bo jednoznacznie wskazuje, że działasz na obiekcie z konstruktora Headers.

Niemniej, jak wspomniałem na początku - jeśli tylko potrzebujesz przekazać obiekt jako parametr, to literał wystarczy (pod warunkiem, że funkcja traktująca go jako argument wie, że to zwykły literał, a nie instancja z konstruktora Headers). Od biedy zawsze można posłużyć się metodami Function.prototype.[ call / apply / bind ] żeby użyć jakiejś metody z Headers.prototype w kontekście literału stworzonego bez użycia konstruktora Headers.