자바스크립트 default parameter, arguments 알아보기

ES6 default 기능

function addFunc (a, b = 10){
  console.log(a+b)
}

더하기(1);

 

다음과 같을 때 11이 출력된다.

받고자 하는 파라미터를 하나만 작성했기 때문에 맨앞에 있는 파라미터의 값으로 인식한다.

 

function addFunc (a, b = 2*5){
  console.log(a + b)
}

addFunc(1);

 

수학 연산자도 가능하다. 출력값은 11.

 

파라미터에 다른 파라미터가 들어가서 연산이 되는 경우는 다음과 같다.

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

addFunc(1);

출력값은 3.

 

default 파라미터에는 함수 입력도 가능하다.

function func1(){
  return 10;
}

function addFunc(a, b = func1()){
  console.log(a+b);
}

addFunc(4);

출력값은 13.

 

---

함수의 arguments

모든 parameters 들을 한꺼번에 다루고 싶을 때 쓰는 키워드 이다.

function testFunc1(a,b,c){
  console.log(arguments);
}

testFunc1(1,2,3);

위 이미지와 같이 배열과 비슷하게 출력된다. arguments는 모두 입력된 파라미터를 나열해주는 것 이다. 

 

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

testFunc(1,2,3,4,5)