내 비동기 함수가 예상 값 대신 `Promise { }`를 반환하는 이유는 무엇입니까?

왜 내 비동기 함수가 Promise { <pending> } 값 대신?

문제:

제공된 코드에서:

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

다음을 실행할 때:

let userToken = AuthUser(data)
console.log(userToken)

출력 is:

Promise { <pending> }

설명:

JavaScript의 Promise는 비동기 작업을 나타내는 데 사용됩니다. 비동기 함수가 아직 해결되지 않은 Promise를 반환하는 경우 인쇄 시 "보류 중"으로 기록됩니다.

비동기 호출의 결과를 캡처하려면 Promise에서 .then 메서드를 사용해야 합니다. 이 메서드는 콜백 함수를 인수로 사용하며 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을 사용하면 프로미스의 결과 여부에 관계없이 처리할 수 있습니다. 해결되었거나 아직 보류 중입니다.

세부 정보:

Promise는 한 번만 해결되고 해결된 값은 .then 또는 .catch 메서드로 전달됩니다. Promises/A 사양에는 .then 핸들러의 함수가 값을 반환하면 Promises가 해당 값으로 해결된다고 명시되어 있습니다. 핸들러가 다른 Promise를 반환하면 원래 Promise는 연결된 Promise의 해결된 값으로 해결됩니다.

위 내용은 내 비동기 함수가 예상 값 대신 `Promise { }`를 반환하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!