값을 반환하지 않고 약속을 연결하면 정의되지 않은 값이 발생하는 이유는 무엇입니까?-JS 튜토리얼-php.cn

값을 반환하지 않고 약속을 연결하면 정의되지 않은 값이 발생하는 이유는 무엇입니까?

Mary-Kate Olsen

풀어 주다： 2024-10-19 22:13:29

원래의

702명이 탐색했습니다.

Why Do Promises Chain Without Returning a Value Result in Undefined Values?

연결된 Promise의 정의되지 않은 값 이해

JavaScript에서 Promise는 비동기 작업에 사용됩니다. 계산 결과를 처리하고 성공 및 실패와 같은 시나리오를 처리하는 방법을 제공합니다. 그러나 Promise를 체이닝할 때 예상치 못한 undefed 값이 발생하는 경우가 있습니다.

근본 원인: 값을 반환하지 않고 체이닝

Promise는 .then() 메서드를 사용하여 체이닝됩니다. Promise가 해결되거나 거부되면 .then() 메서드는 새 Promise 객체를 반환합니다. 그러나 .then() 메서드에서 명시적으로 값이 반환되지 않거나 Promise가 반환되는 경우 새 Promise 객체는 정의되지 않은 기본값으로 해결됩니다.

예:

<code class="javascript">doStuff(9)
  .then(function(result) {
    // No value or Promise returned
    if (result > 100) {
      console.log(result + " is greater than 100");
    } else {
      console.log(result + " is not greater than 100");
    }
  })
  .then(function(data) {
    console.log(data); // Output: undefined
  });</code>

로그인 후 복사

이 예에서 첫 번째 .then() 메서드는 값을 반환하지 않습니다. 결과적으로, 두 번째 .then() 메서드는 인수로 unundefined를 받은 다음 콘솔에 인쇄됩니다.

해결책: 값 또는 약속 반환

연결된 Promise에서 정의되지 않은 값을 방지하려면 값 또는 값을 반환하는 Promise가 .then() 메서드에서 명시적으로 반환되어야 합니다.

예:

<code class="javascript">doStuff(9)
  .then(function(result) {
    if (result > 100) {
      console.log(result + " is greater than 100");
    } else {
      console.log(result + " is not greater than 100");
    }
    // Return the result to avoid undefined at the next .then()
    return result;
  })
  .then(function(data) {
    console.log("data is: " + data); // Output: "data is: 90"
  });</code>

로그인 후 복사

결과를 반환함으로써 두 번째 .then() 메서드는 정의되지 않은 대신 실제 결과 값을 받습니다.

위 내용은 값을 반환하지 않고 약속을 연결하면 정의되지 않은 값이 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!