함수 업그레이드 하기

🍀 Default 파라미터

함수를 만들 때 파라미터값을 실수로 안적었을 때 주로 사용
⭐ 파라미터값을 안줬을 때만 작동한다!

기본 파라미터

function 더하기(a, b = 10) { // b 자리에 아무것도 안넣었을 경우 10을 넣어주세요~
   console.log(a + b);
}

더하기(1);
// 출력: 11

✨ 만약 파라미터로 undefined를 입력하는 경우 파라미터로 아무것도 입력하지 않은 것과 똑같이 동작한다.

수학 연산자 파라미터

function 더하기(a, b = 2 * a) { 
   console.log(a + b);
}

더하기(1);
// 출력: 3

함수 파라미터

function 함수() {
    return 10;
  }

function 더하기(a, b = 함수()) {
  console.log(a + b);
}

더하기(1);

---

📦 함수의 arguments

모든 파라미터를 []안에 넣은 변수

✨ 모든 파라미터를 한꺼번에 다루고 싶은 경우에 사용

function 함수(a,b,c){
  console.log(arguments)
}

함수(1, 2, 3);
// 출력: Arguments(3) [1, 2, 3, callee: ƒ, Symbol(Symbol.iterator): ƒ]

입력한 파라미터를 전부 콘솔창에 출력해주는 함수

function 함수(a, b, c, d, e, f) {
  for (var i = 0; i < arguments.length; i++) {
    console.log(arguments[i]);
  }
}

---

➗ Rest 파라미터

ES6부터 제공하는 arguments의 더 간편한 버전
"... 기호 뒷자리에 오는 모든 파라미터를 []로 감싼 변수" 라는 뜻

✨ Arguments: 모든 파라미터를 []에 담아줌
Rest 파라미터: ... 뒤에 오는 모든 파라미터를 []에 담아줌. 즉, 내가 []에 담을 파라미터를 특정할 수 있음.

function 함수(a, b, ...파라미터들) {
  console.log(파라미터들);
}

함수(1, 2, 3, 4, 5, 6, 7);
// 출력: [3, 4, 5, 6, 7]

주의점

• 가장 뒤에 써야함
• 한 번만 사용 가능

---

✍️ Spread, rest 파라미터 연습문제

Q. 글자를 알파벳순으로 정렬해주는 함수를 만들고자 할 때 다음 코드를 완성해주세요.

function 정렬(){
  (여기 어떤 코드가 들어가야할까요?)
}

정렬('bear'); // 출력: a b e r

A.

function 정렬(글자){
  console.log( ...[...글자].sort() )
}

정렬('bear');