마지막으로 ... 마침내 약속의 게시물

JavaScript Promise의 finally 블록은 언제 실행됩니까? 나는 최근 세미나 에서이 질문을 받았고 약간의 혼란을 완화하기 위해 작은 기사를 쓰고 싶었습니다.

대답은 Snape를 인용하는 것입니다.

……언제나.

기본 구조는 다음과 같습니다.

 노력하다 {
  // 코드를 실행하려고 노력하겠습니다} catch (error) {
  // 프로세스에 나타나는 오류를 처리합니다} 마지막으로 {
  // 어쨌든 실행하겠습니다}

예를 들어, 이것은 Chuck Norris Database API에서 나온 Chuck Norris 농담 생성기 예제입니다. (그건 그렇고, 나는 Todd Motto의 Awesome Open API 목록 에서이 API를 발견했는데, 이는 프레젠테이션 및 부수 프로젝트에 적합합니다.)

 Async 함수 getData () {
  노력하다 {
    chuckjokes = await fetch (`https : // api.chucknorris.io/jokes/random`)
      . (res => res.json ());

    console.log ( '당신을위한 데이터가 있습니다!');
    document.getElementById ( "QUOTE"). innerHtml = Chuckjokes.Value;
  } catch (오류) {
    console.warn (`여기에는 오류가 있습니다 : $ {error}`);
  } 마지막으로 {
    Console.log ( '모든 것, 마침내 실행!');
  }
}

콘솔 출력 : (농담을 성공적으로 얻은 콘솔 출력은 여기에 표시해야합니다)

이제 API의 URL에 오타를 소개하고 실수로 많은 <var>r</var> 추가합시다. 이로 인해 우리의 try 명세서가 실패하게됩니다. 즉, catch 에 오류가 발생합니다.

 Async 함수 getData () {
  노력하다 {
    // 약간 엉망이되어 Let Chuckjokes = Await Fetch (`https : // api.chucknorrrrris.io/jokes/random`)
      . (res => res.json ());

    console.log ( '당신을위한 데이터가 있습니다!');
    document.getElementById ( "QUOTE"). innerHtml = Chuckjokes.Value;
  } catch (오류) {
    console.warn (`여기에는 오류가 있습니다 : $ {error}`);
  } 마지막으로 {
    Console.log ( '모든 것, 마침내 실행!');
  }
}

콘솔 출력 : (오류 메시지 및 finally 블록 출력을 여기에 표시해야합니다)

매우 중요한 측면은 예에서 설명되지 않은 것은 return 또는 break 명령문이 try 또는 catch 블록에서 코드를 중지하더라도 finally 블록이 실행된다는 것입니다.

finally 언제 사용해야합니까?

다른 상황이 있다고 생각하지만 두 가지 상황에서 특히 유용하다는 것을 알았습니다.

• try 와 catch 블록에서 코드를 반복해야 할 때. 다음은 내가 쓴 Vue 레시피의 예입니다. 나는 finally 블록에서 로딩 상태를 닫았다. 여기에는 위의 예와 같이 UI를 변경해야합니다.
• 청소 작업이 필요한 경우. Oracle은 이것을 문서에서 언급합니다. Java이지만 전제는 동일합니다.

finally try 앤 catch 만큼 유용하지는 않지만 경우에 따라 주목할 가치가 있습니다. 이것이 당신의 질문을 명확히하기를 바랍니다!

위 내용은 마지막으로 ... 마침내 약속의 게시물의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!