자바스크립트에서 익명 함수와 콜백 함수를 사용할 때 매개변수를 어떻게 활용하는지에 대해 알아보겠습니다.
익명 함수의 매개변수 활용
익명 함수는 이름이 없는 함수로, 주로 다른 함수의 인자로 사용되거나 즉시 실행될 때 활용됩니다. 익명 함수의 매개변수는 해당 함수가 호출될 때 인수를 받아들이는 역할을 합니다.
예를 들어, 다음과 같이 익명 함수를 정의하고 호출할 수 있습니다.
// 익명 함수를 변수에 할당하여 활용하는 예제
let greet = function(name) {
console.log(`Hello, ${name}!`);
}
greet('Jane'); // 출력: Hello, Jane!
위 예제에서 name
매개변수는 greet
함수가 호출될 때 전달된 값으로 대체되어 실행됩니다.
콜백 함수의 매개변수 활용
콜백 함수는 다른 함수의 실행이 끝난 뒤에 호출되는 함수로, 주로 비동기 작업에서 활용됩니다. 콜백 함수의 매개변수는 해당 함수가 호출될 때 외부에서 전달되는 값을 받아들이는 역할을 합니다.
아래는 콜백 함수를 사용하는 예제입니다.
// 콜백 함수를 활용한 비동기 작업 예제
function fetchData(callback) {
setTimeout(() => {
const data = 'some data';
callback(data);
}, 1000);
}
fetchData(function(result) {
console.log('Data received:', result); // 출력: Data received: some data
});
위 예제에서 callback
매개변수는 fetchData
함수가 실행될 때 전달된 함수를 받아들이고, 해당 함수 내부에서는 data
를 매개변수로 하는 callback
함수가 실행됩니다.
의존하는 함수나 상황에 따라 익명 함수와 콜백 함수의 매개변수를 유연하게 활용하여 다양한 작업을 수행할 수 있습니다. 자바스크립트에서 익명 함수와 콜백 함수의 매개변수는 매우 유용하게 활용될 수 있는데, 이를 잘 이용하면 코드의 가독성과 유지보수성을 향상시킬 수 있습니다.
참고 자료
- MDN Web Docs, “Functions” https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions
이 문서는 자바스크립트에서 익명 함수와 콜백 함수의 매개변수 활용 방법에 대해 설명하고 있습니다. 각각의 활용 방법에 대한 예제와 함께 적절한 매개변수 활용이 코드의 가독성과 확장성에 어떤 영향을 미치는지에 대해 다뤄주고 있습니다.