JavaScript에서 콜백과 함께 Async/Await를 활용하는 방법은 무엇입니까?

콜백 해결 대기

아래 예와 같이 간단한 콜백을 활용하는 시나리오에서:

test() {
  api.on( 'someEvent', function( response ) {
    return response;
  });
}

이 기능을 async/await로 변환하려면 약간의 변경이 필요합니다. 'someEvent'가 한 번만 호출된다고 가정하면 'test' 함수는 콜백 실행을 기다리는 비동기 함수로 변환될 수 있습니다.

async test() {
  return await api.on( 'someEvent' );
}

그러나 async/await는 본질적으로 가능하지 않습니다. 콜백을 직접 처리합니다. 이 격차를 해소하려면 Promise를 반환하도록 api.on()을 다시 디자인해야 합니다. 예는 다음과 같습니다.

function apiOn(event) {
  return new Promise(resolve => {
    api.on(event, response => resolve(response));
  });
}

이 수정을 통해 이제 'test' 함수를 다음과 같이 작성할 수 있습니다.

async function test() {
  return await apiOn( 'someEvent' ); 
}

이 맥락에서 wait 키워드는 기본적으로 선택 사항입니다. 어느 접근 방식이든 여전히 Promise가 반환되기 때문입니다.

마지막으로, 비동기 함수 자체가 Promise를 반환한다는 점을 기억하는 것이 중요합니다. 따라서 'test()'가 반환한 값에 직접 접근하는 것은 불가능합니다. 대신 반환된 Promise를 처리해야 합니다.

async function whatever() {
  // snip
  const response = await test();
  // use response here
  // snip
}

위 내용은 JavaScript에서 콜백과 함께 Async/Await를 활용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!