주석처리한 buttons가 작동하는 이유
102
작성한 질문수 6
8분즈음에 buttons 선언한 것을 주석처리하고 buttonList만 남겼는데 왜
buttons.addEventListener가 작동하는지 궁금해요
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. hotsunny님, 질문해 주셔서 감사합니다.
주석처리한 코드가 작동하는 이유는 JavaScript의 클로저 덕분일 확률이 높습니다. 클로저는 함수가 선언된 렉시컬 환경을 기억하여 함수가 호출된 이후에도 그 환경을 사용할 수 있도록 합니다. 따라서 주석 처리 전에 buttons가 buttonList 변수에 할당이 되었다면, 이후 주석처리를 하더라도 할당된 값 자체는 이벤트 리스너가 동작하도록 남아 있을 수 있습니다.
관련 질문으로는 다음과 같은 질문이 존재합니다:
여기에서 buttonList가 소유하고 있는 참조나 클로저가 어떤 형태로 남아있는지에 대해, 코드 구조를 이해하실 수 있도록 작은 예제를 찾아보시기를 권장드립니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
17
1
useState 직접 구현 부분에서 질문이 있습니다.
1
20
1
학습을 하고 블로그에 정리를 해도 괜찮을까요?
1
23
1
교재(3쇄)와 강의 내용 문의
0
28
2
섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.
0
23
1
call stack 표현이 잘못표현된것이 아닌가요?
0
64
2
React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.
0
34
1
일반 강의와 차이점?
1
53
1
!= 연산자의 역할
0
35
1
중요하진 않지만 설명하신부분에서 안된부분..
1
37
1
document 객체가 콘솔에 화면처럼 뜨질않는데 무슨이유일까요?
0
148
1
vscode 에서 LiveSever를 통해 연 페이지에 왜 코드가 바로 연동이 되어 출력이 안될까요??
0
199
1
Start 버튼을 연속으로 두 번 누르면 Stop버튼이랑 Reset 버튼이 작동하지 않습니다.
0
126
1
Shallow Freeze 관련 질문드립니다!
0
212
1
var 로 선언해서 window 객체의 프로퍼티로 만들기
0
142
1
랜덤 난수의 정수화
0
189
1
섹션9 Todo App 질문드립니다.
0
203
1
강의 자료 소스 복사
0
317
1
Todo App(1) 스타일 파일 코드
0
453
2
변수를 먼저 let val; 선언하는 이유가 있나요?
0
238
1
[섹션2 Document Object 이용해보기] lists라는 변수를 forEach를 사용하려면...
0
192
1
해당 강의의 index.html 소스코드 파일을 받고 싶습니다!
0
253
1
[Event Delegation] 요소의 id를 변수 선언 없이 바로 사용할 수 있는 이유?
1
405
1
얕은 복사가 주소만 복사하는 것 아닌가요?
0
503
1