함수 호출 헷갈려~~~

함수 호출이란, '함수( )' 식으로 표현하는 식을 말한다.

const add = (a, b) => a + b; // 함수 표현

function calculator(func, a, b) { // 함수 선언
	return func(a, b);
}

add(3, 5); // 8 (함수 호출)
calcualtor(add, 3, 5); // 8 (함수 호출)

document.querySelector('#header').addEventListener('click', add());
이럴 경우 이벤트가 일어나지 않앗는데 add함수가 실행 된다. 왜? add()함수를 호출 했기 때문이다.

함수가 호출되면 그 자리에 return 값을 대체 하자!
고차 함수일 경우는 다를수가 있다

const onClick = () => () => {
	console.log('hello');
};
document.querySelector('#header').addEventListener('click', onClick());
다음처럼 된다.
document.querySelector('#header').addEventListener('click', () => {
	console.log('hello');
});
return 값으로 대체

정리

1. 함수 호출이 오면 return값으로 대체를 해보자!