이렇게 수정하면 비동기 코드가 전부 순서대로 실행됩니다. setTimeoutPromise(1000)은 1초간 대기하는 타이머입니다. 이전 코드에서는 각각의 setTimeout()에 1000, 2000, 3000, 4000, 5000, 6000, 7000을 넣었다면 이제는 1000만 넣습니다. 이렇게 바꿀 수 있는 이유는 코드가 실행하던 내용이 다음과 같이 바뀌기 때문입니다.
표 8-1 변경된 코드 실행
|
이전 코드 |
바뀐 코드 |
|
• 정렬 후 1초 뒤에 첫 번째 공 표시 |
• 정렬 후 1초 뒤에 첫 번째 공 표시 |
|
• 정렬 후 2초 뒤에 두 번째 공 표시 |
• 첫 번째 공 표시 1초 뒤에 두 번째 공 표시 |
|
• 정렬 후 3초 뒤에 세 번째 공 표시 |
• 두 번째 공 표시 1초 뒤에 세 번째 공 표시 |
|
• 정렬 후 4초 뒤에 네 번째 공 표시 |
• 세 번째 공 표시 1초 뒤에 네 번째 공 표시 |
|
• 정렬 후 5초 뒤에 다섯 번째 공 표시 |
• 네 번째 공 표시 1초 뒤에 다섯 번째 공 표시 |
|
• 정렬 후 6초 뒤에 여섯 번째 공 표시 |
• 다섯 번째 공 표시 1초 뒤에 여섯 번째 공 표시 |
|
• 정렬 후 7초 뒤에 보너스 공 표시 |
• 여섯 번째 공 표시 1초 뒤에 보너스 공 표시 |