fetch , then , klamry dla json()

Question

Jeszcze jedna rzecz mnie naszła dla fetch then

fetch(`api/phpGetPost.php?opis=asdf`)
				.then({res => res.json() })
				.then(res => {
					console.log(res)
				});

Taki kod właśnie nie zadziała , trzeba pozbyć się klaml dla res => res.json()

fetch(`api/phpGetPost.php?opis=asdf`)
				.then(res => res.json() )
				.then(res => {
					console.log(res)
				});

To zadziała poprawnie.

Kiedyś pół godziny dłubałem aż w końcu się skumałem, ale do dzisiaj nie potrafie wyjaśnić dlaczego tak jest

 

Answer 1

.then({res => res.json() })

Ten zapis nie jest prawidłowy składniowo, bo klamry powinny owijać tylko ciało funkcji.

.then(res => { res.json() })
// albo
.then((res) => { res.json() })

Tylko, że przy korzystaniu z klamer trzeba samodzielnie zapisać return z wartością zwracaną, bo inaczej będzie zwrócony undefined - a skoro wołasz res.json() to raczej chcesz zwrócić tego wynik. Zapis bez klamer automatycznie zwraca tylko jedno wyrażenie - chyba, że zgrupuje się wyrażenia po przecinku i owinie w nawias; niemniej czytelniej jest wtedy po prostu owinąć to w klamry i na koniec zapisać return.

Answer 2

A block statement is used to group zero or more statements. The block is delimited by a pair of braces ("curly brackets") and contains a list of zero or more statements and declarations.

Why Are There So Many Curly Brackets{} in JavaScript?

 

Jeszcze inny zapis, od tego który podał @ScriptyChris

fetch("https://restcountries.com/v3.1/name/Poland")
  .then(function(res) { return res.json(); })
  .then(function(res) { console.log(res[0].translations); })

lub

fetch("https://restcountries.com/v3.1/name/Poland")
  .then(returnJSON)
  .then(function(res) { console.log(res[0].translations); })

function returnJSON(res) {
  return res.json();
}

 

wspomniany przez Ciebie przykład, można zapisać pomijając klamry

fetch("https://restcountries.com/v3.1/name/Poland")
  .then(res => res.json())
  .then(res => console.log(res[0].translations))

 

 

P.S.  

async function fetch_() {
  const res = await fetch("https://restcountries.com/v3.1/name/Poland");
  const data = await res.json();
  console.log(data[0].translations);
}

fetch_();