>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 객체인 Promise는 어떻게 원시 값을 유지합니까?

JavaScript의 객체인 Promise는 어떻게 원시 값을 유지합니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-25 09:57:14740검색

How Do Promises, Objects in JavaScript, Hold Primitive Values?

Promise 값 액세스

Promise는 일반적으로 JavaScript의 비동기 작업에 사용됩니다. Promise와 상호작용하는 주요 메소드 중 하나는 .then() 메소드입니다. 이 방법을 사용하면 여러 Promise를 연결하고 후속 Promise에서 이전 Promise의 값에 액세스할 수 있습니다.

다음 Angular 예를 고려하세요.

promiseB = promiseA.then(function(result) {
  return result + 1;
});

이 예에서는 promiseB를 새 Promise로 정의합니다. promiseA가 해결된 직후에 해결됩니다. Angular 문서에 따르면 "그 값은 promiseA가 1만큼 증가한 결과입니다."

질문이 생깁니다. Object 유형인 Promise 객체가 어떻게 숫자와 같은 기본 값을 보유할 수 있습니까?

답은 .then() 메서드의 의미에 있습니다. .then()에 제공된 성공 콜백 함수는 새 Promise의 값이 되는 새 값을 반환합니다. 이 경우 성공 콜백 함수는 결과 1을 반환하며, 이는 결과의 값을 증가시켜 이를 promiseB의 값으로 반환합니다.

promiseB의 값에 액세스하려면 다른 .then() 메서드를 연결하고 성공 콜백 함수 제공:

promiseB.then(function(result) {
  // Use the result of promiseB here
});

이 콜백에서는 이전 콜백에서 증가된 값인 result 값에 액세스할 수 있습니다. promise.

ES7(2016)에서는 promise를 처리하는 대체 방법을 제공하는 async/await 구문을 도입했습니다. Wait를 사용하면 Promise의 값을 직접 풀 수 있어 여러 .then() 메서드를 연결할 필요가 없습니다. 예:

async function doSomething() {
  let result = await functionThatReturnsPromiseA();
  return result + 1;
}

이 예에서는 wait 키워드가 비동기 함수에 사용됩니다. wait 키워드는 functionThatReturnsPromiseA()가 해결될 때까지 함수 실행을 일시 중지합니다. Promise가 해결되면 Promise의 값이 결과 변수에 할당되고 함수는 계속 실행됩니다.

위 내용은 JavaScript의 객체인 Promise는 어떻게 원시 값을 유지합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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