매개변수가 있는 함수

1. 매개변수와 인수

매개변수 : 함수를 선언할 때 외부에서 값을 받아줄 변수

인수 : 매개변수가 있는 함수를 호출할 때 괄호 안에 들어간 값

 

2. return

결과값을 함수 밖에서 사용하기 위해 함수를 실행한 위치로 돌려주는 동작

 

<script>		
    function addNumber(num1, num2){ 								
	var sum = num1 + num2;			
	return sum;
    }
    var result = addNumber(2, 3);
    document.write("두 수를 더 한 값 : " + result);
</script>

매개변수는 num1, num2

인수는 2, 3

 

실행 결과

 

3. 매개변수 기본값 지정

인수에 값을 적어주지 않았을 때를 대비한 방법(?)

<script>		
    function multiple(a, b = 5, c = 10) { 	// b = 5, c = 10으로 기본값 지정
	return a * b + c;
    }
    
    var result1 = multiple(5, 10, 20); // a = 5, b = 10, c = 20
    document.write("결과는 " + result1 + "입니다. <br><br>");
    var result2 = multiple(10, 20);    // a = 10, b = 20, c = 10(기본값)
    document.write("세번째 매개변수는 기본값을 사용하고 결과는 " + result2 + "입니다.<br><br>");
    var result3 = multiple(30);        // a = 30, b = 5(기본값), c = 10(기본값)
    document.write("두번째,  세번째 매개변수는 기본값을 사용하고 결과는 " + result3 + "입니다.");
</script>

실행결과

 

 

 

 

 

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 교재를 참고하여 작성했다.