[자바스크립트] 자바스크립트 함수 정의 (Function Definition)

09 Sep 2023

자바스크립트는 객체 지향 프로그래밍 언어이며, 함수는 이 언어의 중요한 기능 중 하나입니다. 함수는 재사용 가능한 코드 블록이며, 특정 작업을 수행하기 위해 사용됩니다. 자바스크립트에서 함수를 정의하는 방법과 함께 몇 가지 중요한 개념을 살펴보겠습니다.

함수의 정의

자바스크립트에서 함수를 정의하는 방법은 다음과 같습니다:

function functionName(parameters) {
    // 함수의 동작 정의
    return value; // (선택 사항) 반환 값
}

function 키워드를 사용하여 함수를 정의합니다.
functionName은 함수의 이름입니다. 이 이름은 함수를 호출할 때 사용됩니다.
parameters는 함수에 전달되는 매개 변수의 목록입니다. 매개 변수는 함수에서 사용할 수 있는 값을 전달하는 데 사용됩니다.
중괄호 {} 안에는 함수의 동작이 정의됩니다. 이 부분에는 함수가 실행할 작업이 포함됩니다.
return 키워드를 사용하여 함수에서 값을 반환할 수 있습니다. return 문이 없는 경우 함수는 undefined 값을 반환합니다.

예를 들어, 두 수를 더하는 함수를 정의해보겠습니다:

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

이제 addNumbers 함수는 두 개의 매개 변수 a와 b를 받아들이고, 이를 더한 값을 반환합니다.

함수를 정의했다면, 다음으로는 함수를 호출하여 사용해야 합니다. 함수를 호출하는 방법은 다음과 같습니다:

functionName(arguments);

예를 들어, addNumbers 함수를 호출하여 두 개의 숫자를 더하는 방법은 다음과 같습니다:

let result = addNumbers(5, 10);

이제 result 변수에는 15라는 값이 저장됩니다.

자바스크립트에서는 함수의 이름을 생략하고 익명 함수를 정의할 수도 있습니다. 익명 함수는 다른 함수의 인자로 전달되거나 변수에 할당되는 함수로, 이름 없이 함수의 동작만 정의됩니다. 예를 들어:

let myFunction = function(parameters) {
    // 함수의 동작 정의
}

이제 myFunction 변수에는 익명 함수가 할당되었습니다. 이 함수는 parameters를 매개 변수로 받고, 해당 매개 변수를 사용하여 동작합니다.

ES6 이후에는 화살표 함수라고도 불리는 Arrow Function이 소개되었습니다. 이는 함수를 더 간결하고 명확하게 정의하는 데 사용됩니다. 다음은 화살표 함수의 예입니다:

let myFunction = (parameters) => {
    // 함수의 동작 정의
}

이제 myFunction 변수에는 화살표 함수가 할당되었습니다. 이 함수는 parameters를 매개 변수로 받고, 해당 매개 변수를 사용하여 동작합니다.

자바스크립트 함수의 정의와 호출에 대해 알아보았습니다. 함수는 프로그래밍에서 중요한 개념으로, 코드의 재사용성과 구조화에 큰 도움이 됩니다. 함수를 효과적으로 활용하여 자바스크립트 프로그램을 작성할 수 있습니다.