[JS] 함수(Function)

함수

input과 output을 가지고 있는 기능의 단위

// 기본 형태
function () {}

// 예시: a와 b를 더하는 기능을 가진 함수 add
function add(a, b) {
  return a + b;
}
// 함수이름: add
// 매개변수: a, b
// 반환값: a + b

 

📌 함수에서 가장 중요한 것

1. 함수 이름

2. 매개변수

3. 반환값

- 호출 시점에 선언이 되어있는 매개변수를 가진다 => 그때 return 값이 반환된다

 

 

함수 표현 방법

01 함수 선언식

function이라는 키워드를 통해 함수를 선언한다

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

 

02 함수 표현식

📌 기본 형태

let add = function (a, b) {
	return a + b;
}

 

📌 화살표 함수

화살표 함수도 함수 표현식 중에 하나이다

함수를 간단하게 표현할 수 있어서 자주 사용되니 익혀둘 필요가 있다

let arrowFun01 = (a, b) => {
	return a + b;
}

// {} 코드가 한 줄일 경우 return 생략 가능
let arrowFun02 = (a b) => a + b;

// 매개변수가 1개일 경우 () 생략 가능
let arrowFun03 = a => a

 

 

함수 호출 방법

함수명(매개변수);

add(4,6);

함수는 호출 될 때 실행된다

함수를 정의하는 것과 호출하는 것은 다르다

이것을 정확하게 구분할 수 있으면 긴 코드를 읽을 때 차근차근 해석할 수 있다

 

 

함수가 필요한 이유

재사용이 가능하기 때문에, 함수를 이용해서 효율적인 코드를 짤 수 있다

 

 

여전히 함수가 어렵다면?

함수를 처음 접하는 사람이라면 큰 장벽을 느낄 것이다

나도 그랬으니깐 그 마음을 충분히 이해한다

화살표 함수고 뭐고 일단 함수의 기본 형태를 기억하고 자주 사용해본다면

함수 정도는 껌이 된다

 

함수의 기본 형태는 뭐라고 했는지 기억하는가?

function () {}

누군가 '함수는 어떻게 생겼어?'라고 물어본다면.

function이라는 키워드, 괄호(), 중괄호{}를 보여주자

 

() 안에는 뭐가 들어간다고? 매개변수가 들어간다

{} 안에는 뭐가 들어간다고? 매개변수를 이용하는 로직이 들어간다

 

나중에 콜백 함수를 이용하는 메서드를 잔뜩 배우게 될텐데

당황하지 않고 함수의 기본 형태를 떠올린다면

그렇게 어렵게 느껴지지 않을 것이다

'콜백 함수도 함수이다'

 

함수의 기능은 뭐라고 했는지 기억하는가?

input을 받고 output을 반환한다

input은 매개변수이고 output은 return을 통해 반환한다

 

함수를 실행하려면 어떻게 해야된다고?

함수명()의 형태로 호출해야된다

함수를 정의하는 것과 호출하는 것은 다르다

 

처음에는 익숙하지 않더라도 자주 보게 되면

어느새 당신의 것이 되어 있을 것이다