반복문 코드에 대하여 궁금합니다.

Question

안녕하세요. 강의 보면서 재밌게 공부중에 있습니다. 다름아니라 pointBtn구현부에서 선생님이 올려주신 코드와 제가짠 코드에 대해서 뭐가 다른지 조금 궁금합니다. 저렇게 짜도 정상작동 하더라고요. 1. 반복문이 계속 돌고 있는건가요? 해당 인덱스번째가 click되는지 알기 위해서는 반복문이 계속 돌고 있어야 할거 같은데, 로그 찍어보면 첫 실행시 total개수만큼만 돌고 이후에는 안도는데, 그래서 예상으로는 클릭 Eventlistner가 전체개수만큼 생성되는걸까 추측해봤는데 맞는건가요? 2. 선생님이 올려주신 코드에서는 for문 안에 idx로 인자를 받는데, 이때 idx는 어떤 값을 가지고 있는건가요? 3. for문안 function(idx) { .... }(i) 이렇게 되는데 function자체가 언제 실행되는건가요? 함수가 리턴되지 않는데 (func)(i)이렇게 사용하는게 가능한가요? js문법자체가 아직까지 헷갈려서 이해가 명확히 되지 않아서 질문드렸습니다! 감사합니다.

코딩일레븐 · Answer

1. 반복문이 계속 돌고 있는건가요? 해당 인덱스번째가 click되는지 알기 위해서는 반복문이 계속 돌고 있어야 할거 같은데, 로그 찍어보면 첫 실행시 total개수만큼만 돌고 이후에는 안도는데, 그래서 예상으로는 클릭 Eventlistner가 전체개수만큼 생성되는걸까 추측해봤는데 맞는건가요? -> for문은 한 번만 돕니다. 한 번 돌고 끝나기 때문에 맨 마지막 이벤트만 남아 있게 됩니다. ( 아래에서 더 설명) 2. 선생님이 올려주신 코드에서는 for문 안에 idx로 인자를 받는데, 이때 idx는 어떤 값을 가지고 있는건가요? -> for문 안에서 total 갯수 만큼 각각 실행이 됩니다. idx 는 함수 마지막 줄의 (i) 값을 가져옵니다. 3. for문안 function(idx) { .... }(i) 이렇게 되는데 function자체가 언제 실행되는건가요? 함수가 리턴되지 않는데 (func)(i)이렇게 사용하는게 가능한가요? -> 즉시 실행 함수는 바로 실행이 됩니다. for문의 i 를 참조하여 각각 index 넘버 (idx)를 사용하게 됩니다. 즉시 실행 함수에 대한 자세한 설명은 이분이 잘 해주셨네요. https://devyj.tistory.com/9 첨부해주신 코드에 console.log(pageNum) 을 찍어보세요. 더 궁금한 게 있으시면 질문 달아주세요.