> 웹 프론트엔드 > JS 튜토리얼 > 비동기식 약속이 처음에 보류 중 상태를 표시하는 이유는 무엇입니까?

비동기식 약속이 처음에 보류 중 상태를 표시하는 이유는 무엇입니까?

Linda Hamilton
풀어 주다: 2024-12-12 11:11:09
원래의
513명이 탐색했습니다.

Why Do Asynchronous Promises Initially Show a Pending State?

비동기 프라미스가 처음에 보류 상태를 표시하는 이유

코드에 프라미스를 사용하는 비동기 함수가 포함되어 있지만 프라미스 내부의 토큰에 액세스하려고 하면 해결된 토큰 대신 "Promise { }"이 발생했습니다.

Promise Resolution and Pending 상태

Promise는 완료하는 데 시간이 걸릴 수 있는 작업을 나타내며 작업이 해결(성공적으로 완료)되거나 거부(실패)될 때 작업의 결과를 처리하는 방법을 제공합니다. 처음에 약속은 작업이 완료될 때까지 보류 상태입니다.

약속 연결: 해결 지연

코드에서는 google.login에서 약속을 반환합니다. 토큰에 즉시 액세스하려고 하면 약속이 여전히 보류 중입니다. 아직 해결되지 않았습니다. 이는 보류 상태를 Promise { }.

Promise 결과 캡처

Promise의 해결된 값을 얻으려면 해당 .then 또는 .catch 메서드를 사용해야 합니다. 이러한 메서드는 Promise가 각각 해결되거나 거부될 때 실행되는 핸들러를 제공합니다. .then 핸들러를 연결하면 Promise의 해결된 값을 기반으로 작업을 수행할 수 있습니다.

예: Promise 값 캡처

let AuthUser = function(data) {
  return google.login(data.username, data.password).then(token => { return token } )
}

let userToken = AuthUser(data)
console.log(userToken) // Promise { <pending> }

userToken.then(function(result) {
   console.log(result) // "Some User token"
})
로그인 후 복사

이 예에서는 .then 핸들러를 다음에 추가합니다. AuthUser가 반환한 약속입니다. 핸들러는 Promise가 해결되면 실행되고 해결된 값을 매개변수로 받습니다. 그런 다음 .then 내의 console.log 문은 실제 사용자 토큰을 인쇄합니다.

결론

Promise는 비동기 작업을 처리하는 구조화된 방법을 제공합니다. Promise의 해결된 값에 액세스하려면 이를 .then 또는 .catch 핸들러와 연결해야 합니다. Promise가 해결된 후에만 해결된 값을 코드에서 사용할 수 있습니다.

위 내용은 비동기식 약속이 처음에 보류 중 상태를 표시하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿