Promise 함수를 빠져나와 await로 resolve가 호출될 때까지 기다려주는 코드를 작성했습니다. 그리고 그 결과를 반환합니다.
{#await} 블록을 이용하여 결과를 화면에 나타내 보겠습니다.
REPL의 App.svelte, #await 사용해 표시하기
<script>
// async 함수 정의
async function promiseFunc(){
… 생략 …
}
</script>
<main>
{#await promiseFunc()}
<h1>잠시만 기다리세요.. </h1>
{:then res}
<h1>{res}</h1>
{:catch error}
<h1>Error: {error.message}</h1>
{/await}
</main>
#await 표현식 안에 promiseFunc()를 호출하는 부분을 넣어주었습니다. resolve가 되기 전까지는 “잠시만 기다리세요”라고 표시되었다가 setTimeout 함수에서 1초가 지나면 “Hello Universe~!”가 표시됩니다.