함수 레퍼런스는 자바스크립트에서 함수를 변수에 할당하거나 다른 함수의 인자로 전달하는 방법입니다. 이를 통해 함수를 쉽게 재사용하고 코드의 가독성을 높일 수 있습니다. 이번 글에서는 자바스크립트에서 함수 레퍼런스를 어떻게 사용하는지 알아보겠습니다.

함수 선언과 할당

함수 레퍼런스를 사용하기 위해서는 먼저 함수를 선언하고 변수에 할당해야 합니다. 아래는 간단한 함수 선언과 할당의 예시입니다.

// 함수 선언
function add(a, b) {
  return a + b;
}

// 함수 할당
const sum = add;

위의 코드에서 add라는 함수를 선언하고 sum이라는 변수에 할당했습니다. 이제 sum은 add와 동일한 함수를 참조하게 되었습니다.

함수 레퍼런스로 함수 실행하기

함수 레퍼런스를 사용하면 해당 함수를 호출할 수 있습니다. 변수에 할당된 함수 레퍼런스를 실행하는 방법은 아래와 같습니다.

const result = sum(1, 2);
console.log(result); // 출력: 3

위의 코드에서 sum 변수에 할당된 함수를 실행하고 결과를 result 변수에 저장한 뒤 출력하였습니다. 이를 통해 add 함수와 동일한 결과를 얻을 수 있습니다.

함수 레퍼런스를 인자로 전달하기

다른 함수의 인자로 함수 레퍼런스를 전달할 수도 있습니다. 이를 활용하면 콜백 함수를 사용하는 경우에 더욱 유용하게 활용할 수 있습니다.

function multiply(a, b) {
  return a * b;
}

function calculator(func, a, b) {
  return func(a, b);
}

const result = calculator(multiply, 3, 4);
console.log(result); // 출력: 12

위의 코드에서 calculator 함수는 func라는 함수 인자를 받아 해당 함수를 실행하는 기능을 합니다. 위의 예시에서는 multiply 함수를 calculator 함수의 인자로 전달하여 실행한 결과를 출력하였습니다.

결론

자바스크립트의 함수 레퍼런스를 활용하면 코드를 더욱 유연하게 작성할 수 있습니다. 함수를 변수에 할당하고 다른 함수의 인자로 전달할 수 있어 코드의 가독성을 높이고 재사용성을 향상시킬 수 있습니다. 이를 통해 효율적이고 유지보수하기 쉬운 자바스크립트 코드를 작성할 수 있습니다.