JS 문법 - 함수

Class: 제로베이스
Created: November 29, 2022 11:20 PM
Type: Javascript
강의 명: 이론부터 실전까지 모든 것을 담은 자료구조/알고리즘

함수

함수는 다수의 명령문을 코드 블록으로 감싸고, 하나의 실행 단위로 만든 코드의 집합
유사한 동작을 하는 코드를 하나로 묶어, 범용성을 확대시킨 블록코드
정의 부분과 호출 부분으로 구성되어 있다.
함수는 가급적 한가지 일만 하며, 매개 변수는 최대 3개 이내로 작성을 권장

함수 정의

1. 함수 선언식

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

2. 함수 표현식

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

3. 화살표 함수

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

함수 호출

자바스크립트 함수는 매개변수와 인수의 개수가 일치하는지 확인하지 않음
호출되지 않았다면, 기본값을 통해 undefined로 들어옴.

function add (x, y) {
  console.log(x + y)
}
add(10, 20) // 30

function add (x, y) {
  console.log(x + y)
}
add(10) // NaN

function add (x, y) {
  console.log(x + y)
}
add(10,20,5) 
// 30 (세번째 인수는 무시)

function add (x, y=10) {
  console.log(x + y)
}
add(10) 
// 20(y를 인수가 아닌 자체적으로 지정)

function add () {
  console.log(arguments[0] - arguments[1])
}
add(10,20,5) 
// 30 (세번째 인수는 무시됨)

함수 반환

return 후 코드는 수행되지 않으며, default return value 는 undefined
return 값이 없는 함수를 void 함수라고 함.
return 은 결과에 대한 처리도 있지만, 함수 내에서 break와 같은 역할을 함.