본문 바로가기

매개변수2

함수 나머지 매개변수 이해하기 ES6에서 새로 추가된 나머지 매개변수는 매개변수를 정의할 때 정해지지 않은 매개변수들을 정의할 수 있게 한다. arguments 객체와 유사하나 arguments 객체는 함수에 전달되는 모든 전달인자를 포함하는 반면에, 나머지 매개변수는 정해지지 않은 나머지를 의미한다. 나머지 매개변수는 arguments 객체와 다르게 매개변수를 작성하는 곳에 작성하고, 다른 매개변수와의 차이점을 두기 위해 ... 연산자와 함께 작성한다. function(parameter, ...restParameter){ // arguments 객체는 나머지 매개변수와 다르게 함수 몸통에서만 사용한다. } arguments 객체와 나머지 매개변수와의 가장 큰 차이점은 arguments 객체는 배열이 아니지만 나머지 매개변수는 배열이.. 2022. 7. 27.
함수 기본 매개변수 처리하기 ES6에 새롭게 추가된 기본 매개변수는 매개변수를 정의할 때 기본으로 할당된 인자값과 함께 작성하는 매개변수를 말한다. 값을 할당하는 연산자인 =를 이용하여 정의하게 된다. 예제 ⬇️ function drawChart(width = 200, height = 400){ console.log(`${width} X ${height} 차트를 그립니다.`); }; drawChart(100); // 100 X 400 차트를 그립니다. drawChart(); // 200 X 400 차트를 그립니다. function drawChart2(width=200, height= width/2){ console.log(`${width} X ${height} 차트를 그립니다.`); }; drawChart2(300); // 300 .. 2022. 7. 27.