함수의 기본 형태

• 함수 = function(기능)

• 함수 호출 : 함수를 사용하는 것

• 함수를 호출할 때는 괄호 내부에 여러가지 자료를 넣는데, 이러한 자료를 매개변수라고 부른다.

• 리턴 값 : 함수를 호출해서 최종적으로 나오는 결과

• input, output을 가지고 있는 단위

• 기능의 단위로 묶은 후 재활용을 한다

함수 선언문

• 기본 형태

function add(매개변수) {
// 함수 내부에서 실행할 로직
 }

• 소괄호 안에 매개변수를 넣고 중괄호 안에 함수 내부에서 실행할 로직을 적는다.

// 두 개의 숫자를 입력 받아서 덧셈을 한 후 내보내는 함수
function add(x, y) {
  return x + y;
}

함수 표현식

let add2 = function (x, y) {
  return x + y;
};

// 함수를 호출한다(=사용한다)
// 함수명 () -> add(입력값)
console.log(add(2, 3)); // 5

• 함수 표현식 예시 1

let functionResult = add(3, 4);
console.log(functionResult); // 7

• 함수 표현식 예시 2

// add2를 가지고 10과 20을 더한 값을 출력해보세요!
let functionResult2 = add2(10, 20);
console.log(functionResult2); // 30

• input : 함수의 input -> 매개변수(매개체가 되는 변수)
• output : return문 뒤에 오는 값 : 반환값

익명함수

• 함수는 코드의 집합을 나타내는자료형이다.
• 함수의 자료형은 function
• 익명 함수 : 함수를 출력했을 때 별다른 이름이 붙어있지 않은 함수

function () {}

함수를 사용하면 좋은 점

• 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하기 때문에 반복작업을 피할 수 있다.
• 가독성이 좋아진다.
• 기능별로 수정이 가능하므로 유지보수가 쉽다.

매개변수와 리턴값

• 매개변수 : 함수를 호출할 때 괄호 안에 적는 것. 함수에 넣는 input
• prompt() 함수를 사용할 때 매개변수로 message를 넣어야한다. 그러면 최종 결과는 문자열로 나온다.
• 리턴값 : 함수의 최종 결과. 함수의 결과로 나오는 outfut
• 모든 함수에 매개변수와 리턴값을 사용하는 것이 아니라 필요한 경우에만 사용한다.

	function 함수 (매개변수, 매개변수, 매개변수) {
		문장
		문장
		return 리턴값
}

나머지 매개변수

• 가변 매개변수 함수 : 호출할 때 매개변수의 개수가 고정적이지 않은 함수

• 나머지 매개변수 : ****자바스크립트에서 가변 매개변수 함수를 구현할 때 사용하는 문법

• 나머지 매개변수를 사용한 배열 만들기

<script>
function sample(...items) {
	console.log(items)
}

sample(1,2)
sample(1,2,3)
sample(1,2,3,4)
</script>

• 단순하게 호출한 매개변수가 배열 형태로 들어온다.

• 나머지 매개변수를 사용한 min()함수 (최솟값을 찾아주는 함수)

<script>
//나머지 매개변수를 사용한 함수 만들기
	function min(...items) {
// 매개변수 items는 배열처럼 사용한다.
		let output = items[0]
		for (const item of items) {
			if (output > item) {
				output - item
			} 
		}
		return output
	}

	// 함수 호출
	console.log('min(52,273,32,103,275,24,57)')
	console.log(`=${min(52,273,32,103,275,24,57)}`)
</script>

• 실행 결과 min(52,273,32,103,275,24,57) = 24

나머지 매개변수와 일반 매개변수 조합하기

function 함수 이름 (매개변수, 매개변수, ... 나머지 매개변수) {} 

• 배열에 typeof 연산자를 사용하면 object(객체) 라는 결과가 나온다.
• 정확하게 배열인지 확인하기 위해서는 Array.isArray() 메소드를 활용해야 한다.

전개 연산자

• 전개 연산자 : 배열을 전개해서 함수의 매개변수로 전달해주는 연산자
• 배열 앞에 마침표 3개(…)를 붙이는 형태로 사용한다.

함수 이름(...배열)

• 전개 연산자를 사용하지 않은 경우의 실행 결과는 배열이 매개면수로 들어온다.
• 전개 연산자를 사용한 경우에는 숫자가 하나하나 전개되어 매개변수로 들어온다.

기본 매개변수

• 기본 매개변수 : 매개변수에 기본값을 지정. 함수의 매개변수로 항상 비슷한 값을 입력하는 경우에 여러 번 반복해서 입력하는 과정을 줄이기 위함.

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