제로초님!! 안녕하세요! 좋은 강의 항상 잘 듣고 있습니다.
다름이 아니라
저는 function에 setTimeout도 반복된다고 생각해서 같이 넣었는데 혹시 setTimeout을 함수에 넣었을 때 성능 저하나 다른 이유가 있어서 function만드실 때 따로 빼신 이유가 있을까요??
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 15px; line-height: 20px; white-space: pre;">
<div>function&nbsp;view(component,&nbsp;index,&nbsp;time)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setTimeout(()&nbsp;=&gt;&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;$ball&nbsp;=&nbsp;document.createElement("div");</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$ball.setAttribute("class",&nbsp;"ball");</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$ball.textContent&nbsp;=&nbsp;`${winBalls[index]}`;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;component.appendChild($ball);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;time);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} </div>
</div>

위와 같이 해도 됩니다. 함수 스코프가 하나 생겼기 때문에 클로저 문제도 안 생깁니다.

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

lotto에서 함수화 부분에서요!!

async/await으로 가독성 높이기

정확하고 유효한 추첨을 보장하기 위해

디자인 일관성을 유지하기 위해

인프런 커뮤니티 질문&답변

lotto에서 함수화 부분에서요!!