Javascript - Argument & Parameter

1. 인수와 매개변수

• 함수를 사용중에 다른 결과물들을 출력하려고 할때면, 똑같은 형식의 함수를 여러번 만들어서 호출해줘야 하는 경우가 있다 그렇게 될시에는 코드 유지보수면에서 번거롭다는 문제가 생기게 된다. → 다음과 같은 코드를 예제를 통해서 이해할 수 있다.
  • 문제점 코드 예제

    function printApple(){
        console.log("Apple");
    }
    printApple();
    
    function printMelon(){
        console.log("Melon");
    }
    printMelon();
    
    function printBanana(){
        console.log("Banana");
    }
    printBanana();
    
    function printOrange(){
        console.log("Orange");
    }
    printOrange();

    • 이렇게 번거롭게 함수를 호출하는 방식이 아닌 함수로 데이터를 전달해주는 형태로 함수를 사용함으로써 문제를 해결할 수 있다.
  • 개선 코드 예제

    // 예제 1
    function printBanana(name){
    	console.log(name);
    }
    printBanana("Banana"); // Banana
    
    // 예제 2
    function printBanana(name){
    	console.log("Banana");
    }
    printBanana("Banana"); // Banana
    
    // 예제 3
    function printFruit(name){
    	console.log(name);
    }
    printFruit("Banana"); // Banana
    printFruit("Apple"); // Apple

    • 개선 코드 예제를 통해서 함수안에 이름을 넣어서 데이터를 전달해주는 방식으로 함수를 호출하기 때문에 번거롭게 작성할 필요가 없음
  • 미니과제
    • 1. Banana는 2000원 입니다.를 숫자형, 문자열형으로 출력하세요 → **(strawberry 포함시킬것*)***
      • 결과 코드

        // test 1 (숫자형, 문자열형으로 출력하기)
        function printFruit(name, price){
            console.log(name + "는 " + price + "원 입니다.");
        }
        printFruit("Banana",2000); // Banana는 2000원 입니다.
        
        // test 2 (숫자형, 문자열형으로 출력하기)
        function printberry(name, price){
            console.log(name + "는 " + price + "원 입니다.");
        }
        printberry("strawberry", 5000);

    • 2. Banana는 2000원 입니다. 를 배열(Array)로 출력하세요 → **(strawberry 포함시킬것*)***
      • 결과 코드

        // test 1 (배열로 출력하기)
        function printFruitarr(arr){
            console.log(arr[0] + "는 " + arr[1] + "원 입니다.");
        }
        printFruitarr(["Grape",3000]);
        
        // test 2 (배열로 출력하기)
        function printberry(arr){
            console.log(arr[0] + "는 " + arr[1] + "원 입니다.");
        }
        printberry(["strawberry", 5000]);

    • 3. Pear는 2000원 입니다. 를 객체(Object)로 출력하세요 → **(strawberry 포함시킬것*)***
      • 결과 코드

        // test 1 (객체로 출력하기)
        function printFruitobj(obj){
            console.log(obj.name + "는 " + obj.price + "원 입니다.");
        }
        printFruitobj({name:"Pear",price:3500});
        
        // test 2 (객체로 출력하기)
        function printberry(obj){
            console.log(obj.name + "는 " + obj.price + "원 입니다.");
        }
        printberry({name:"strawberry", price:5000});

        • CheckPoint
          • 여기서 함수를 호출할때, 데이터를 넘겨주는 것을 인수라고 하고, 함수를 선언하는 쪽에서 인수를 넘겨받기 위해 임의로 이름을 지어주는 것을 매개변수라고 한다.예를들어 obj가 매개변수고 외부로 호출된 함수 옆에 있는 name과 price는 인수가 된다. 즉, 인수를 매개변수로 전달해주게 된다.