ARGUMENTS
:
-arguments 객체는 모든 함수 내에서 이용 가능한 지역 변수이다.
-arguments 객체를 사용하여 함수 내에서 함수의 인수를 참조할 수 있다.
-arguments는 설정될 수도 있다.
-arguments 객체는 Array와 비슷하지만 length 빼고는 어떤 Array 속성도 없다.
예를 들어, pop 메서드가 없다. 그러나 실제 Array로 변환될 수 있다.
속성:
-arguments.callee
현재 실행 중인 함수를 가리킨다.
-arguments.caller
현재 실행 중인 함수를 호출한 함수를 가리킨다.
-arguments.length
함수에 전달된 인수의 수를 가리킨다.
-arguments[@@iterator]
arguments의 각 인덱스 값을 포함하는 새로운 Array Iterator 객체를 반환한다.
개념이 이해가 안간다면, 쉽게말해 함수(파라미터) 값에서
함수(1,2)값이 입력이된다면 여기서 1,2가 arguments가 된다.
예제를 이용하여 실행해본 뒤 F12를 눌러 콘솔창을 확인해보면 쉽게 이해가 될 것이다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>2018. 1. 17.</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <button id="btn" onclick="btn_click();">arguments</button> <script type="text/javascript"> function btn_click() { empInfo("홍길동", "영업부"); empInfo("홍길동"); empInfo2("홍길동"); } function empInfo(ename, dname) { console.log(arguments.length); for (var i = 0; i < arguments.length; i++) { console.log(arguments[i]); } } function empInfo2() { // arguments 컬렉션 : 인자(매개변수) console.log(arguments); } </script> </body> </html> | cs |
예제)
'이전 글 > JavaScript' 카테고리의 다른 글
26. JavaScript. 쿠키(Cookie) (0) | 2018.01.22 |
---|---|
25. JavaScript. BOM 객체 정리 (0) | 2018.01.22 |
24. JavaScript. 클로저(Clouser) (0) | 2018.01.21 |
23. JavaScript. VIDEO 태그이용하기 (0) | 2018.01.21 |
22. JavaScript. scrollHeight/clientHeight/offsetHeight (0) | 2018.01.21 |