함수(onClick)이 변한다는 것

Question

function   MyComponent1  ({ onClick }) {      useEffect (()  =>  {          window . addEventListener ( 'click' ,() => {              onClick ();         })     }, [ onClick ]) } 안녕하세요.강의 너무 잘 보고 있습니다. 1. onClick이 함수이고, 함수가 변한다는 건 함수의 코드 로직이 변한다는 거로 이해하면 되는 걸까요?

으하핳 · Answer

감사합니다! 그러면 함수가 일급객체이고 그렇기에 생성 시마다 매번 다른 reference를 갖기 때문에 서로 다르다 보면 될까요? 연휴 잘 보내세요:)

이재승 · Answer

일급이라는 고급 단어를 쓰셨네요! 말씀하신게 맞습니다. 연휴 잘 보내세요~!

이재승 · Answer

안녕하세요 로직이 변경되지 않아도 함수가 변할 수 있습니다. 변한다는 말이 좀 모호할 수 있는데요 좀 더 자세하게는 함수가 새로 생성되면서 onClick 이라는 값이 변합니다. 아래 코드를 실행해보면 false 가 출력되는데요 onClick 내용이 변경되지는 않았지만 MyComponent 가 호출될 때마다 onClick 이 새로 생성되면서 그 값이 변하게 됩니다 function MyComponent() {   function onClick(){};   return onClick; } const f1 = MyComponent(); const f2 = MyComponent(); console.log(f1 === f2);