📌 javascript 개념 #7 함수 기본

함수 (Function)

함수는 함수 선언식, 함수 표현식, 화살표 함수 등이 있다.

---

1. 함수 선언식

함수 선언을 이용하여 함수를 만들 수 있다.

1) 일반적인 형식

function name (arg1, arg2, ...argN) {
  statement;
}

/*-------------------------*/

function add(x, y) {
  return x + y;
}

2) 구성요소

구성요소	설명
name	함수 이름
arg1, arg2, ...argN	함수로 전달되는 인수의 이름 / 갯수는 여러개 일수도 있음
statement (문)	함수의 몸통을 구성하는 문

---

2. 함수 표현식

함수를 생성할 수 있음.

1) 일반적인 형식

const name = function (arg1, arg2, ...argN) {
  statement;
}

/*-------------------------*/

const add = function (x, y) {
  return x + y;
}

2) 구성요소

구성요소	설명
name	함수 이름
arg1, arg2, ...argN	함수로 전달되는 인수의 이름
statement (문)	함수 몸통을 구성하는 문

---

3. 화살표 함수

제한점이 있고, 모든 상황에서 사용할 수 있는 것은 아니지만 간단하게 쓸 수 있고, 최근에 나온 방식이다.

제한점
-> method로 사용될 수 없다.
-> 생성자로 사용할 수 없다.
등이 있다.

1) 일반적인 형식

const name = (arg1, arg2, ...argN) => statement;

/*-------------------------*/

const add = (x, y) => x + y;

/*-------------------------*/

var arr = [5, 6, 13, 0, 1, 18, 23];

var sum = arr.reduce((a, b) => a + b);
// 66

2) 구성요소

구성요소	설명
name	함수 이름
arg1, arg2, ...argN	함수로 전달되는 인수의 이름
statement (문)	함수 몸통을 구성하는 문