페치 방법은 어떻게 작동합니까

고지 사항:

이 시리즈는 무엇을 기대해야 하는지에 대한 아이디어를 제공하기 위해 작업 방식을 단순화하지만 이것은 실제 코드가 아니며 슈퍼 괴짜를 위해 이 시리즈의 각 부분에서 작업이 어떻게 작동하는지에 대한 실제 문서를 포함할 것입니다. 거기.

무언가에 대해 더 알고 싶거나 그것이 실제로 어떻게 작동하는지 알고 싶다면 댓글을 남겨주세요.

가져오기 방법은 무엇입니까?

글로벌 fetch() 메서드는 네트워크에서 리소스를 가져오는 프로세스를 시작하고 응답을 사용할 수 있게 되면 이행되는 약속을 반환합니다.

작동 방식:

먼저 우리는 그것을 이해하기 위해 가져오기 방법을 분석해야 합니다.

API 문자열 URL을 매개변수로 사용한다는 것을 알고 있습니다.
Promise를 반환합니다.

그래서 우리가 그것을 구현하자

function fetch2(API)
  return new Promise(resolve => {

});

우리가 해냈어!

그렇게 빠르지는 않지만 이제 API 문자열에 어떤 일이 발생하는지 알아야 합니다.

가져오기는 옵션이 있는 경우 URL을 Request 개체로 변환합니다.

You can actually pass a Request object directly.

그런 다음 가져오기가 요청을 실행하고 Response 개체로 확인되는 약속을 받습니다.

이것이 약속을 해결하는 방법입니다.

위에 있는 fetch2 함수를 기억하고 구현을 계속하겠습니다.

function fetch2(API)
  const Response = someMagicalService(Request(API))
  return new Promise(resolve => {
   const interval = setInterval(() =>{
     if(Response.status){
      clearInterval(interval);
      resolve(Response);
     }
   }, 100)
});

가져오기는 응답 상태를 계속 확인하고 상태가 되면 "응답 확인"간격이 중지되고 약속이 해결됩니다.

someMagicalService 부분은 여러 줄로 나눌 수 있지만 간단하게 하기 위해 그냥 그렇게 불렀습니다.

(JS, ReactJS)와 관련된 주제라면 자세히 알고 싶은 주제를 댓글로 남겨주세요.

그리고 이와 같은 기사를 더 읽고 싶다면 하트를 남기고 팔로우하세요.

참조:
Fetch