자바스크립트 함수 위치

Question

각 섹션마다 화면에 보여질 때 클래스 추가, 안보일 때 클래스 삭제를 하고싶은데section-04 는 그 안에서도 스크롤에 따라서 클래스 추가, 삭제가 필요해서보여지면 스크롤 이벤트를 추가하고 안보일 땐 스크롤 이벤트를 삭제하려고 해요이 때 첫번째 사진의 주석 위치에 함수를 놓으면 이벤트 삭제가 안되고전역에다가 함수를 두니까 이벤트 삭제가 되더라구요이유가 뭔지 궁금해요

Clickin · Accepted Answer

const는 블록 레벨 스코프니까 본문 사진의 코드 구간에서만 참조할 수 있죠. 그걸 이벤트리스너에 등록하면 이벤트가 실제로 실행될 시점에는 함수를 참조할 수 없습니다.왜냐하면 이벤트 리스너에는 함수 자체가 넘어가는 게 아니라 함수의 참조만 넘어가고 이벤트가 실행될 때 참조를 불러오는데 이벤트 리스너는 전역에서 동작하고 const scrollEventForSection04 는 코드 구간의 블록 내에서만 사용 가능하니까요.참조할만한 문서https://developer.mozilla.org/ko/docs/Web/JavaScript/Closures#let%EA%B3%BC_const%EB%A5%BC_%EC%82%AC%EC%9A%A9%ED%95%9C_%EB%B2%94%EC%9C%84_%EC%A7%80%EC%A0%95https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/let#%EC%84%A4%EB%AA%85https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/const#%EC%84%A4%EB%AA%85

자바스크립트 함수 위치

1개의 답변

기술 목록