본문으로 건너뛰기
실습하기

함수(Function)

함수란 무엇인가요?

함수는 자바스크립트에서 여러 개의 명령문을 하나의 블록으로 묶어서 이름을 붙인 것입니다.

레시피나 조리법처럼 주어진 '재료'로 어떤 일을 수행하는 '방법'을 정의합니다.

sayHello 함수 정의
function sayHello() {
console.log('안녕하세요!');
}

함수의 목적과 장점

함수의 주요 목적은 코드의 재사용성을 높이는 것입니다.

한 번 만든 함수는 여러 번 호출할 수 있습니다. 이로 인해 코드의 중복을 줄이고, 유지 보수가 용이해집니다.


함수 선언 방식

  • 함수 선언식

이 방식은 'function' 키워드로 시작해서 함수의 이름, 매개변수, 그리고 명령문 블록으로 구성됩니다.

add 함수 정의
function add(a, b) {
return a + b;
}

  • 함수 표현식

함수도 하나의 값처럼 다룰 수 있습니다. 변수와 상수에 함수를 할당하는 방식으로 함수를 선언하는 것을 함수 표현식이라고 합니다.

상수 add에 함수 할당
const add = function (a, b) {
return a + b;
};

매개변수와 인자의 차이

매개변수는 함수를 정의할 때 사용되는 변수를 의미하며, 인자는 함수를 호출할 때 전달하는 실제 값을 의미합니다.

예를 들어, 요리할 때 레시피에 적힌 '소금'이 매개변수라면, 실제로 넣는 소금 양, 예를 들어 '1스푼'이 인자가 됩니다.


  • 반환 값 (return)

return 키워드는 함수에서 특정 값을 반환하고자 할 때 사용합니다.

multiply 함수 정의
function multiply(a, b) {
return a * b;
}

const result = multiply(2, 3); // 6

함수 호출 및 예제

함수를 정의한 후, 그 이름을 사용하여 함수를 '호출'할 수 있습니다.

함수 호출은 함수의 이름 뒤에 괄호 괄호 ( )를 붙여 실행하는 것을 의미합니다.

괄호 ()로 함수 호출
function greet(name) {
console.log('안녕하세요, ' + name + '님!');
}

greet('민수'); // 인자로 '민수'를 전달하여 함수 호출