Async/Await에서 콜백 함수를 종료하는 방법은?

Async/Await에서 콜백 함수를 우아하게 종료합니다

불확실한 실행 시간으로 콜백 함수에서 안전하게 종료하는 방법은 비동기 작업에 비동기/기다릴 때 일반적인 과제입니다. 이 기사는 비동기/대기 환경에서 콜백 함수의 종료를 효과적으로 제어하는 ​​방법을 보여주는 시나리오를 제공합니다.

문제 : 코드는 MutationObserver를 사용하여 버튼 속성의 변경 사항을 듣습니다. 속성이 변경되면 비동기 기능을 종료해야합니다. 전통적인 약속의 글쓰기는 구현하기 쉽지만 코드가 복잡 할 때 중첩 약속은 가독성과 유지 관리를 줄입니다. 목표는 콜백 함수에서 비동기 기능을 안전하게 종료하는 방법에 대한 문제를 해결하면서 코드를 비동기/대기 스타일로 다시 작성하는 것입니다.

샘플 코드 :

 // 약속의 전통적인 글쓰기 방법 사용 const a = () : 약속<void> => {
  새로운 약속을 반환합니다 ((resolve) => {
    const Callback = (돌연변이 : MutationRecord []) => {
      // 버튼 속성이 변경되고 여기에서 함수 resolve ()를 종료합니다.
    };
    Const Observer = New MutationObserver (콜백);
    Observe.Observe (buttonel, {attributes : true});

    // 약속 함수를 호출하고 성공 후 버튼을 클릭 한 다음 속성 변경 p ()를 듣습니다. 그런 다음 (() => {
      buttonel.click ();
    });
  });
};

// const b = async () : promy<void> => {
  const Callback = (돌연변이 : MutationRecord []) => {
    // 버튼 속성의 변경 사항을 듣고 여기에서 함수를 종료하는 방법은 무엇입니까?
  };
  Const Observer = New MutationObserver (콜백);
  Observe.Observe (buttonel, {attributes : true});

  // 약속 함수를 호출하고 성공 후 버튼 클릭 클릭 이벤트를 트리거 한 다음 속성 변경을 듣습니다. p ();
  buttonel.click ();
};</void></void>

해결책:

Async/Await에서 a 함수와 동일한 함수를 구현하려면 Promise.withResolvers() 메소드를 사용할 수 있습니다. 이 방법은 약속이 포함 된 객체를 반환하고 기능을 해결합니다.

개선 된 코드 :

 const b = async () : 약속<void> => {
  const {promise, resolve} = promise.withresolvers<void> ();

  const Callback = (돌연변이 : MutationRecord []) => {
    해결하다(); // 콜백 함수에서 resolve ()를 통화하여 약속을 해결합니다.
  };
  Const Observer = New MutationObserver (콜백);
  Observe.Observe (buttonel, {attributes : true});

  기다리고 p ();
  buttonel.click ();
  약속을 기다리고 있습니다. // 결의 약속이 기다릴 때까지 기다립니다};</void></void>

호환성 설명 :

Promise.withResolvers() 는 현재 제안 단계에 있으며 모든 브라우저가 기본적으로 지원되는 것은 아닙니다. 호환성을 보장하기 위해 core-js 와 같은 폴리 필이 필요할 수 있습니다. 마찬가지로 TypeScript 사용자는 버전 5.4 이상으로 업데이트하고 tsconfig.json 에 esnext 포함하도록 lib 구성해야합니다.

Promise.withResolvers() 사용하면 콜백 함수에서 resolve() 호출하여 약속을 해결하여 Async/Await 함수의 종료 프로세스를 효과적으로 제어하고 복잡한 약속 중첩을 피하고 코드의 가독성과 유지 관리를 향상시킬 수 있습니다.

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