[Javascript] 함수의 선언과 호출, 화살표 함수 사용하기, 매개변수와 인수

일반적으로 함수를 만들 때에는 function 예약어를 사용한다. 일반적인 함수 표현식보다 더 간결하게 표현할 수 있는 방법이 있는데 바로 화살표 함수(arrow function)를 사용하는 것이다. 이 함수의 형태가 화살표처럼 생겨 화살표 함수라는 이름이 지어졌다.

 

 

 

 

목차

1. 함수의 선언
2. 함수의 호출
3. 함수의 매개변수와 인수

 

 

 

1. 함수의 선언

함수를 다른 곳에서 사용하기 위해서는 이름을 붙여주어야 한다. 일반적으로 사용하는 함수의 형태는 function 뒤에 함수 이름을 바로 적는 데, 이를 함수 선언문(function declaration statement)라고 한다. 이와 다르게 변수나 상수에 대입하는 형식을 함수 표현식(function expression)이라고 한다. 아래 여러 가지 기본 형태를 외워두면 편리하다.

 

// 함수 선언문
function 함수이름(매개변수) {}

// 함수 표현식
const 함수이름 = function(매개변수) {};

// 화살표 함수 표현식
const 함수이름 = (매개변수) => {};

 

 

 

 

2. 함수의 호출

위와 같은 함수를 사용하기 위해서는 호출(call)을 해야 한다. 함수를 호출하는 형식은 모두 같다.

 

// 함수 선언문
function aa() {
	return 11;
}
aa(); // 호출

// 결과 : 11


// 함수 표현식
const bb = function() {
	return 22;
};
bb(); // 호출

// 결과 : 22


// 화살표 함수 표현식
const cc = () => {
	return 33;
};
cc(); // 호출

// 결과 : 33

 

 

 

 

 

3. 함수의 매개변수와 인수

함수를 호출할 때, 소괄호 안에 들어가는 값이 인수(argument)이다. 이 값은 해당 함수의 매개변수(parameter)에 대입된다. 즉, 매개변수는 인수 값에 따라 변하므로 말 그대로 변수 역할을 한다. 인수와 매개변수는 여러 개일 수 있으며, 서로 개수가 맞지 않아도 된다.

 

// 함수 선언문
function aa(parameter) {}
aa(argument);


// 함수 표현식
const bb = function(parameter) {};
bb(argument);


// 화살표 함수 표현식
const cc = (parameter) => {};
cc(argument);