javascript addEventListener안에 const를 쓰면 많이 느린가요?

Question

오키닷컴 형님들 안녕하세요!바닐라 자바스크립트로 개발 중에 궁금한 점이 생겼습니다. addEventListener 안의 동작은 함수로 동작한다고 알고 있습니다.그러면 함수 안에서 있는 const 객체들은 지역변수가 되어서 함수가 실행될 때만 메모리에 올라가고 호출이 끝나면 삭제될 텐데, 함수 밖에 있는 const 객체들은 계속 메모리 안에 올라가 있다고 봐야하잖아요.그럼 먼저 메모리에 올라가 있는 상태의 const 객체들이 있다면 속도는 빠를거라 예상되는데, 함수 안에 const 객체들이 있다면 호출 전에 메모리를 아낄거라고 생각하거든요. 이 생각이 맞다면 어떤 방법이 개발에 좋을까요? 이벤트리스너 밖const deleteButton &#61; document.querySelector(&#34;.delete&#34;); const reviewImageContainer &#61; document.querySelector(&#34;#review&#34;); const thumbnail &#61; document.querySelector(&#34;.review_item&#34;); deleteButton.addEventListener(&#34;click&#34;, () &#61;> { reviewImageContainer.value &#61; &#34;&#34;; thumbnail .style.display &#61; &#34;none&#34;; })이벤트리스너 안 const deleteButton &#61; document.querySelector(&#34;.delete&#34;); deleteButton.addEventListener(&#34;click&#34;, () &#61;> { const reviewImageContainer &#61; document.querySelector(&#34;#review&#34;); reviewImageContainer.value &#61; &#34;&#34;; const thumbnail &#61; document.querySelector(&#34;.review_item&#34;); thumbnail .style.display &#61; &#34;none&#34;; })

HJOW · Accepted Answer

되도록 지역변수(함수 내부에 선언)로 쓰는게 좋습니다. 사실 웹개발에서 메모리 절약은 별 의미가 없습니다. 요새는 컴퓨터들 램이 워낙 많아서요.메모리 절약의 의미라기보다는 유지보수 편의의 문제가 더 큽니다. 변수들이 바깥에 있으면 이 변수 각각이 어디까지 영향을 미치는지 파악하기 어렵기 때문입니다. (이것을 수정하면 다른데도 영향을 미칠 수 있으니)

태그구 · Answer

감사합니다 왜 그렇게 쓰는지 까지 친절하게 써주셔서 이해완료했어요!! ㅎㅎㅎ

javascript addEventListener안에 const를 쓰면 많이 느린가요?

2개의 답변

Q&A 목록