>웹 프론트엔드 >JS 튜토리얼 >`fetch().then().json()`이 때로는 Promise를 반환하고 때로는 반환하지 않는 이유는 무엇입니까?

`fetch().then().json()`이 때로는 Promise를 반환하고 때로는 반환하지 않는 이유는 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-11 14:19:11394검색

Why Does `fetch().then().json()` Sometimes Return a Promise and Sometimes Not?

.json()이 Promise를 반환하지만 .then()을 통과할 때는 반환하지 않는 이유는 무엇입니까?

질문:
Fetch API를 사용하는 동안 .json() 메서드가 .then() 핸들러의 객체 리터럴 내에서 사용될 때 Promise 객체를 반환합니다. 그러나 객체 리터럴 없이 사용하면 값을 직접 반환합니다.

답변:

Promise에 관하여:

.json()은 헤더를 사용할 수 있을 때 HTTP 응답이 수신되기 때문에 Promise를 반환하지만 본문(여기서는 경우, JSON)은 아직 로드되지 않았습니다. .json()은 본문에 대한 두 번째 약속을 검색하며 별도로 로드해야 합니다.

.then() 동작 관련:

.then() 콜백은 외부 체인에서 채택됩니다. 이는 외부 .then()이 내부 Promise의 이행된 값을 수신한다는 것을 의미합니다. 주어진 예에서 외부 .then()은 데이터 및 상태 속성이 있는 객체를 수신하여 효과적으로 .then() 내에서 직접 데이터 속성을 사용할 수 있게 만듭니다.

대체 솔루션:

하나의 .then() 핸들러 내에서 상태 및 JSON 데이터에 직접 액세스하려면 다음을 사용할 수 있습니다. 기술:

  • 중첩된 .then() 블록 사용:
fetch(url)
  .then(response => response.json())
  .then(data => {
    console.log(response.status, data.title);
  });
  • async/await 사용(비동기 기능 필요):
const response = await fetch(url);
const data = await response.json();
console.log(response.status, data.title);

항상 그렇지 않을 수도 있으므로 본문을 읽기 전에 응답 상태를 확인하는 것을 잊지 마세요. JSON 데이터를 포함합니다.

위 내용은 `fetch().then().json()`이 때로는 Promise를 반환하고 때로는 반환하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.