11주차 - jsp&js (12) 함수(function)의 매개변수
2022. 9. 16. 21:21ㆍjsp/java script
이번의 목표
01. 함수(function)의 매개변수에 대해 알아보자
지난 시간까지 함수의 선언에 대해 알아보았습니다.
함수의 선언시에는 매개변수를 정한다고 했습니다.
이때 사용자가 매개변수의 갯수를 초과해서 적거나 부족하게 적었을 때에도 에러는 발생하지 않습니다.
단, 그러기 위해서는 함수의 내부에 조건식을 사용하여 상황에 따른 실행문을 지정해주어야만 합니다.
01. 코드
02. 실행 화면
01. 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex12</title>
</head>
<body>
<script type="text/javascript">
function add(data1, data2, data3) {
var total;
// 두번째, 세번째 매개변수가 입력이 안되었다면 undeifined 형식이 나올 것이고,
// 이때의 경우를 if문으로 배제
if(data2 === undefined && data3 === undefined){
total = data1;
}
// 위와 같은 예시로 데이터가 2개만 입력되면 data3은 입력되지 않은 상태 이기 때문에
// data3 는 undefined일것이고 이를 if문으로 배제 하는 과정
else if (data3===undefined){
total = data1 + data2;
} else{
total = data1 + data2 + data3;
}
return total;
}
document.write(add(2) + "<br>");
document.write(add(2, 3) + "<br>");
document.write(add(2, 4, 6) + "<br>");
document.write(add(2, 4, 6, 7) + "<br>");
</script>
</body>
</html>02. 실행 화면
매개변수가 3개를 입력하는 함수를 선언 후, 사용했습니다.
① 매개 변수를 1개 입력했을 때에 출력 값
② 매개 변수를 2개 입력했을 때의 출력 값
③ 매개 변수를 3개 입력했을 때의 출력 값
④ 매개 변수를 초과했을 때에는 3개를 넘는 매개 변수의 값이 버려지는 것을 확인할 수 있습니다.
'jsp > java script' 카테고리의 다른 글
| 11주차 - jsp&js (14) getElementById() 객체의 요소에 접근하기 - 2 (0) | 2022.09.16 |
|---|---|
| 11주차 - jsp&js (13) getElementById() 객체의 요소에 접근하기 - 1 (0) | 2022.09.16 |
| 11주차 - jsp&js (11) 익명(무명) 함수 (0) | 2022.09.16 |
| 11주차 - jsp&js (10) 함수(function) - 2 (0) | 2022.09.16 |
| 11주차 - jsp&js (9) 함수(function) - 1 (0) | 2022.09.16 |