268. (JavaScript) Rest parameters 가변 매개 변수 사용해 인풋 파라미터 값 동적 호출 수행

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : JavaScript

 

---

[소스 코드]

​

    <!-- [내부 자바스크립트 J쿼리 이벤트 지정] -->
    <script>
    	

        /*
        -----------------------------------------
        [요약 설명]
        -----------------------------------------
        1. Rest parameters : 가변 매개변수로 함수가 정해지지 않은 수의 매개변수를 배열로 받을 수 있습니다
        -----------------------------------------
        2. Rest parameters 는 JavaScript 에서 가변항 함수를 표현할 때 사용합니다
        -----------------------------------------
        */






        // [html 최초 로드 및 이벤트 상시 대기 실시] 
        window.onload = function() {
            console.log("");
            console.log("=========================================");
            console.log("[window onload] : [start]");
            console.log("=========================================");
            console.log(""); 


            // [테스트 함수 호출]
            testMain();
        };





        // [자바스크립트 테스트 코드]
        function testMain() {
            console.log("");
            console.log("=========================================");
            console.log("[testMain] : [start]");
            console.log("=========================================");
            console.log("");


            // [메소드 호출 실시]
            var sum_1 = restParameters(1, 2, 3)


            // [메소드 호출 실시]
            var sum_2 = restParameters(1, 2, 3, 4)


            // [로그 출력]
            console.log("");
            console.log("=========================================");
            console.log("[testMain] : [result]");
            console.log("-----------------------------------");
            console.log("[sum_1] : " + sum_1);
            console.log("-----------------------------------");
            console.log("[sum_2] : " + sum_2);
            console.log("=========================================");
            console.log("");

        };





        // [Rest parameters 함수 선언]
        function restParameters(...theArgs) {
            console.log("");
            console.log("=========================================");
            console.log("[restParameters] : [start]");
            console.log("-----------------------------------");
            console.log("[theArgs] : " + theArgs);
            console.log("=========================================");
            console.log("");

            // [인풋 값으로 들어온 가변 매개 변수 sum 합계 반환]
            let total = 0;
            for (const arg of theArgs) {
                total += arg;
            }
            return total;

        };


    </script>

 

---

[결과 출력]

 

=========================================
[testMain] : [result]
-----------------------------------
[sum_1] : 6
-----------------------------------
[sum_2] : 10
=========================================

---