[자바스크립트 / Vanilla JS] 함수 참조 (Function Reference)과 함수 호출 (Function Call)에 대해서 알아보자

 

함수 참조와 함수 호출은 JavaScript 및 TypeScript와 같은 프로그래밍 언어에서 중요한 개념이다.

이 두 개념의 차이점은 함수가 어떻게 다뤄지는지와 언제 실행되는지와 관련이 있다.

❗ 함수 참조 (Function Reference)

함수 참조는 함수 자체를 가리키는 것이다.

이것은 함수를 호출하지 않고 함수의 이름을 변수에 할당하거나 다른 함수에 전달하는 것을 의미한다.
함수 참조를 사용하면 함수를 나중에 호출하거나 다른 곳에서 호출할 수 있다.

예제:

function sayHello() {
  console.log("Hello!");
}

const helloFunction = sayHello; // 함수 참조
helloFunction(); // 함수 호출

❗ 함수 호출 (Function Call)

함수 호출은 함수를 실행하고 해당 함수의 코드가 실행됩니다. 함수 호출 시 함수에 정의된 동작이 수행된다.
함수 호출은 함수 이름 다음에 괄호 ()를 사용하여 함수를 실행하는 것을 의미한다.

예제:

function add(a, b) {
  return a + b;
}

const result = add(3, 5); // 함수 호출, result는 8의 값을 가집니다.

함수 참조를 사용하면 함수를 필요한 시점에 호출할 수 있으며, 이는 콜백 함수, 이벤트 핸들러 등과 같은 상황에서 매우 유용합니다. 함수 호출은 함수의 코드를 실행하는 것을 의미하며, 호출될 때 함수의 동작이 실행된다.

이 두 가지 개념을 이해하면 함수를 더 유연하게 사용하고 다른 함수로 전달하거나 다른 시점에 실행할 수 있는 코드를 작성할 수 있다.