05-1. 함수의 기본형태

함수는 코드의 집합을 나타내는 자료형입니다.

함수를 호출, 즉 '함수를 호출하다'라고 표현한다.

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

그리고 함수를 호출해서 최종적으로 나오는 결과를 리턴값이라고 부릅니다.

함수를 코드의 집합이라고 말하는 이유는 중괄호 {...} 내부에 코드를 넣기 때문이다.

function() { }

• 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있습니다.
• 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성이 좋아집니다.
• 기능별(함수별)로 수정이 가능하므로 유지보수가 쉽습니다.
• 함수의 자료형은 function 이며 , 이름이 붙어있지 않은 함수를 익명함수(anonymous function)이라고 표현합니다.

익명 함수

const 함수 = function() {}

선언적 함수

function 함수() {

}

let 함수 = function()

 

매개변수와 리턴값

함수를 호출할 때 괄호 안에 적는 것을 매개변수라고합니다. 함수의 최종 결과를 리턴 값이라고 합니다.

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

 

가변 매개변수 함수(나머지 매개변수)

호출 할때 매개변수의 개수가 고정적이지 않은 함수를 가변 매개변수 함수라고 부르며 함수를 구현할 때는 나머지 매개변수(REST Parameter)라는 특이한 형태의 문법을 사용합니다.

• 여러개의 값을 array 형태로 받습니다.
• 함수의 매개변수 앞에 마침표 3개(...)를 입력하여 매개변수들이 배열로 들어옵니다.

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

가변 매개변수 함수 사용예제

  function sample(...items)
  {
       console.log(items) 
  }

    sample(1,2)
    sample(1,2,3)
    sample(1,2,3,4)

 

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

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

}

 

전개연산자

배열을 전개해서 함수의 매개변수로 전달해주는 전개 연사자(spread operator)를 제공합니다.

• 배열을 나머지 매개변수로 보낼 때 사용한다.
• 전개 연사자는 다음과 같이 배열 앞에 마침표 3개(...)를 붙이는 형태로 사용합니다.
• 전개 연산자를 사용하지 않은 경우에는 배열이 매개변수로 들어오고, 전개 연산자를 사용한 경우 한하나 전개되어 매개변수로 들어온다.

함수 이름(...배열)

 

기본매개변수

항상 같은 매개변수를 여러 번 박복 입력하는 것이 귀찮을 경우 매개변수에 기본 값을 지정하는 기본 매개변수를 사용한다.

• 기본 매개변수는 오른쪽 매개변수에 사용합니다.

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