5. 함수

 

함수 종류

• function 함수이름() {}  :  함수 선언문. 뒤에 세미콜론(;)을 안 붙이는게 관습
• const/let 함수이름 = function() {};  :  함수 표현식
• const/let 함수이름 = () => {};

//예시
 function f(x){
  return x*x
 }
 
 const f= (x,y,z) => {x * y * z};

 

 

가변 매개변수 함수

• 호출할 때 매개변수의 개수가 고정적이지 않은 함수
• 배열 형태의 매개변수 사용
• 함수의 매개변수 앞에 마침표 3개(...) 입력

//기본형1
 function ㅎ마수이름(...나머지 매개변수) {}
 
 //기본형2
  function 함수이름(매개변수, 매개변수, ...나머지 매개변수) {}
  
  //예시1
  function sample(...items) {
   console.log(items)
  }
  
  sample(1,2) -> [1,2]
  sample(1,2,3) -> [1,2,3]

 //예시2
 function sample(a,b,...c){
  console.log(a,b,c) 
}

  sample(1,2) -> 1 2 []
  sample(1,2,3) -> 1 2 [3]
  sample(1,2,3,4) -> 1 2 [3,4]

 

 

전개 연산자

• 매개변수로 배열을 입력할 수 없고 숫자를 입력해야 하는 함수
• 배열을 입력해야 할 경우, 배열을 전개해서 함수의 매개변수로 전달해준다.

//기본형
 함수이름 (...배열)
 
 //예시
 const array = [1,2,3,4]
 
 function sample(...items){
  console.log(items)
 }
 
 sample(array) -> [Array(4)]
 sample(...array) -> [1,2,3,4]

 

 

기본 매개변수

• 매개변수에 기본값을 지정하여, 같은 매개변수를 여러 번 반복해서 입력하는 것을 방지해준다.

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

//예시
function earnings (name, wage=7890, hours=40){}