📚 Reference

📜 Chapter

‣

Closure

listener

• listener
• 리스너
• 어떤 일이 일어났을 때 실행될 함수
• 콜백 함수

button.addEventListener('click', function() {
  console.log('클릭됨!');
});

• 여기서 function() { console.log('클릭됨!'); }가 바로 listener이다.
• "클릭이라는 이벤트가 발생하면, 이 함수를 실행해줘"라고 등록해두는 것이다.

예시

const store = createStore({ count: 0 });

// 이 함수 자체가 "listener"이다
const myListener = (state) => {
  console.log('상태 변경:', state);
};

// subscribe = "이 listener를 등록해줘, 상태 바뀔 때마다 실행되게"
const unsubscribe = store.subscribe(myListener);

store.setState({ count: 1 }); 
// → 내부에서 listeners.forEach(listener => listener(state)) 실행됨
// → myListener(state)가 호출됨
// → "상태 변경: { count: 1 }" 출력