1. 오늘 공부 핵심 키워드

/함수는 신기해 /함수가 본격적인 자바스크립트의 시작인듯?
/나머지 매개변수, 전개 연산자 라는 게 있다니 놀라워~~

2. 함수의 기본 형태

- 자바스크립트에서는 함수를 만드는 방법이 어마무시하다고 함.

- 함수호출: 함수를 사용하는 것을 말하며, '함수를 호출한다'고 표현함. 이때, 함수 'f()'의 괄호 내부에 여러가지 자료를 넣는데, 이러한 자료를 매개변수라고 부름. 그리고 호출하여 최종적으로 나오는 결과를 리턴값이라고 함.

함수의 기본형태: function( ) { }

- 함수를 사용하면 좋은 점: 반복되는 코드를 한 번만 정의하여 재사용할 수 있음.

- 함수는 예를 들면 토스트 기계 같은 거라서 기능별로 나눠 여러 함수로 나눠 작성하면 모듈화시킬 수 있고, 코드의 가독성도 좋아짐.

- 기본형태의 함수를 익명함수(anonymous function)이라고 부르고, 함수명을 선언해 준 것을 선언적 함수라고 부름.

- 같은 코드를 실행한다고 가정을 한다고 하자. 이때, 익명함수를 실행했을 때는 콘솔창에서 함수명이 없이 실행되며, 선언적 함수는 콘솔창에 함수명이 추가되어 실행됨.

• 익명함수의 대표적인 예시 코드

  

• 선언적 함수의 대표 예시 코드

3. 매개변수와 리턴값

- 함수를 호출할 때 괄호 안에 넣는 것을 매개변수(parameter)라고 부름.

- 모든 함수에 매개변수와 리턴값을 사용하는 것이 아니라, 필요한 경우에만 매개변수와 리턴값을 사용함.

Q. 왜 굳이 나머지 매개변수와 전개 연산자를 사용할까? let으로 배열을 선언해줘도 되는데,

<scrpit>
 function 함수(매개변수, 매개변수, 매개변수) {
  문장
  문장
  return 값
 } 
</scrpit>

• 대표적인 매개변수와 리턴값을 갖는 함수의 형태

• 매개변수와 리턴값을 갖는 대표적인 코드 예시

• 매개변수를 활용하여 윤년인지 확인하는 코드 및 결과값

• 함수 자체를 하나의 상수로 선언하여 활용한 코드 예시(익명함수)

  

• for 변수 of를 활용하였으며, 매개변수에는 배열을 넣어주고, 선언적 함수로 최솟값을 구하는 코드

  4. 기본 매개변수

  - 매개변수를 여러 번 반복해 입력하기 어려움. 이때는 매개변수에 기본값을 지정하는 기본 매개변수를 사용함.

함수이름(매개변수, 매개변수=기본값, 매개변수=기본값)

• 기본 매개변수에 기본값을 지정한 코드 예시

  5. 나머지 매개변수

- 일반적인 매개변수와 같이 사용 가능함

- 배열의 자료형임

- 나머지 매개변수는 먼저 쓸 수 없음. 나머지 매개변수라는 이름값처럼 가장 나중에 위치해야 함.

• 나머지 매개변수를 활용한 코드 예시

  

• 나머지 매개변수와 일반 매개변수를 함께 활용한 코드 예시(템플릿처럼 활용 가능함)

6. 전개 연산자

- 매개변수로 자료형으로 읽었을 때 수많은 배열의 요소를 하나씩 호출하기 어려울 때 사용함.

const array = [1, 2, 3, 4] 일때
min(array[0], array[1], array[2], array[3]) 으로 해야 함.

- 이럴 때 자바스크립트가 조금 더 편하게 제공해주는 것이 전개 연산자(spread operator)임.

• 대표적인 전개 연산자를 활용한 대표 코드 예시