typescript의 bind 질문

Question

const button &#61; document.getElementById('btn')!;function clickShow (message: string ){console.log(message);}button.addEventListener('click', clickShow); // #1 javascript에서는 오류가 나지 않지만, 여기서 오류가 나는 건 listener가 다른 type의 함수여서일까요?원래 listener로 들어가야할 함수는 파라미터로 this로 html Element와 event(마우스관련)를 가져야 하지만, clickShow는 this도 window이고 파라미터도 message:string으로 들어가서 그렇다면, bind로 변경한다고 해도 문제가 되는 것 아닌가 해서요.clickShow.bind(null, 'clicked') 이렇게 변경하면 오류는 안납니다. this는 bind해서 htmlElement로 대체가 된 것 같습니다만 역시 event 파라미터가 아니라, string이 들어가는 것이 아닌가 해서요.

Clickin · Answer

listener는 handleEvent() 메소드가 있는 객체거나 Event 타입 객체를 받는 함수여야합니다.타입스크립트는 컴파일 시간에 정적 타입 컴파일하기 때문에 타입이 맞지 않으면 컴파일 실패합니다.https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener#%EC%9D%B4%EB%B2%A4%ED%8A%B8_%EC%88%98%EC%8B%A0%EA%B8%B0_%EC%BD%9C%EB%B0%B1

typescript의 bind 질문

1개의 답변

#binding 목록