1. arguments 객체 (전달받는 인수의 개수가 상관없는 객체)
arguments 객체를 이용하면, 함수로 전달된 인수의 총 개수를 확인하거나, 각각의 인수에도 바로 접근할 수 있다.
arguments 객체는 함수가 호출될 때 전달된 인수를 배열의 형태로 저장하고 있다
첫번째 인수는 arguments[0], 다음 인수는 arguments[1] 에 저장
인수의 총 개수는 arguments.length
ex)전달받는 인수의 개수에 상관없이 언제나 정상적인 계산을 수행하는 예제
123456789101112131415 /*파라미터를 정의하지 않고 몇개의 파라미터를 받아도 다 처리할 수 있는 더하기 예제*/function addNum() {var sum = 0; // 합을 저장할 변수 sum을 선언함.for(var i = 0; i < arguments.length; i++) { // 전달받은 인수의 총 수만큼 반복함.sum += arguments[i]; // 전달받은 각각의 인수를 sum에 더함.}return sum;}addNum(1, 2, 3); // 6addNum(1, 2); // 3addNum(1); // 1addNum(); // 0addNum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10); // 55cs 2. ECMAScript 6부터새롭게 정의된 매개변수 (explore지원안함)디폴트 매개변수 (default parameter)
매개변수의 디폴트 값을 설정할 수 있음
123456 function mul(a, b = 1) { // 인수가 한 개만 전달되면 나머지 매개변수의 값을 언제나 1로 설정return a * b;}mul(3, 4); // 12mul(3); // 3
나머지 매개변수 (rest parameter)
생략 접두사(...)를 이용하여 특정위치부터 마지막 인수까지를 한번에 지정 가능
1234567891011 // 첫 번째 인수를 변수 firstNum에 저장하고 나머지 인수들은 배열 restArgs에 저장함.function sub(firstNum, ...restArgs)for(var i = 0; i < restArgs.length; i++) {firstNum -= restArgs[i];}return firstNum;}sub(10, 2, 3); // 10 - 2 - 3 = 5sub(10, 1, 5, 8); // 10 - 1 - 5 - 8 = -4cs
'DEV > javascript, jQuery' 카테고리의 다른 글
css와 js 위치, javascript 태그 위치 (0) | 2020.05.19 |
---|---|
[jQuery] 자주 사용하는 jQuery 셀렉터, 함수 (0) | 2020.05.18 |
[jQuery] ajax ( 실제 개발시 사용하는 ajax 문법 ) (0) | 2020.05.18 |
[정규식] 정규표현식 기초 문법 (0) | 2016.09.05 |
[정규식] 숫자 , 이메일 정규식 (0) | 2016.09.01 |