가변형 매개변수 처리2
-
형식
function 함수명(매개변수1, 매개변수2, ...매개변수){
}var body = document.querySelector("div")
function fun01(var01, var02, ...numbers){
alert(numbers.length)
body.innerHTML+=var01+":"+var02+":"+numbers+"
"
}
fun01(1000,2000)
fun01(1000,2000,3000)
fun01(1000,2000,3000,4000)
fun01(1000,2000,3000,4000,5000) -
기본 매개변수 이외에 가변적인 매개변수를 .. 매개변수로 선언하여 처리하는 경우를 말한다.
ex) ... 형 매개변수 처리를 활용하여 1X3 테이블에서 클릭시 마다,
한 사람의 관람비용, 두 사람의 관람비용, 세 사람의 관람비용을 각각 매개변수를 다르게 하여
총 비용을 인원수와 함께 출력하세요
<body>
<div></div>
<table>
<tr><td onclick="fun02(7000)">한 사람 7000</td>
<td onclick="fun02(7000,8000)">두 사람 7000,8000</td>
<td onclick="fun02(6000,7000,8000)">세 사람 6000,7000,8000</td></tr>
</table>
<p></p>
</body>
<script>
function fun02(...pays){ //pays 사용자가 정의한 배열 이름으로 매개변수 처리
var tot=0;
for(var pay of pays){
// for 단위데이터 of 배열
tot+=pay
}
var pObj = document.querySelector("p")
pObj.innerHTML = "인원수:"+pays.length+", 총비용:"+tot
}
</script>
default 매개변수 처리
- 입력되지 않을 때, 물건명만, 물건명 가격 등 매개변수에 따라서
default 설정이 필요한 경우가 있을 때 가변적으로 처리하는 형식을 말한다.<body> <h1 onclick="test2()">정보없음</h1> <h1 onclick="test2('himan')">아이디</h1> <h1 onclick="test2('higirl','1111')">아이디,비밀번호</h1> <h1 onclick="test2('byeman','asdpq','홍길동')">아이디,비밀번호,이름</h1> <p></p> </body> <script> var p = document.querySelector("p") function test2(id="미생성",pass="없음",name="미등록"){ p.innerHTML="아이디 : "+id+", 비밀번호:"+pass+", 이름:"+name } </script>
아자아자 화이팅