[TIL] addEventListener 호출함수에 argument 넣기 (익명함수)

 

 

 

function을 사용할때, 끝에 ()를 붙이는 것은 실행한다는 의미이다.

button1.addEventListener('click', handleClick('a'));
button2.addEventListener('click', handleClick('b'));

위 코드를 만들어 놓고 화면이 계속 button2 가 클릭된 화면으로 유지되고 있었던 이유.

function을 실행하는 ()를 붙였기 때문에.

 

하지만 나는 function에 argument를 넣어서 활용하고 싶었다.

그럴때는 이벤트가 발생하는 순간을 기다렸다가 function을 사용할 수 있도록 익명함수를 사용해야한다.

 

button1.addEventListener('click', function(){handleClick('a')});
button2.addEventListener('click', function(){handleClick('b')});

이렇게 바꾸면 이벤트를 잘 기다렸다가, 클릭되는 순간에 함수가 실행되었다.

 

---

이런걸 콜백함수라고 하는구나
내용을 더 찾아보고 정리해야겠다.