Web/JavaScript
[days04] 함수의 매개변수
다연
2020. 12. 14. 21:19
반응형
자바스크립트에서 함수의 매개변수의 개수는 그렇게 중요하지 않다.
<body>
<button>sum() 호출</button>
<div id="demo"></div>
<script>
function sum(a,b) {
return a+b;
}
document.querySelector("button").onclick = function () {
var result= sum(10,20); //30
var result= sum(10,20,30,40); //30
var result= sum(10); //NaN => a, b=1 을 줘보자 => 11
document.getElementById("demo").innerHTML=result;
}
</script>
</body>
<body>
<button>sum()호출</button>
<div id="demo"></div>
<script>
function sum() {
//[options 컬렉션]
//arguments 컬렉션 == args
//alert(arguments.length); //2 4 1 (매개변수 개수)
var result=0;
for (var i = 0; i <arguments.length; i++) {
result+=arguments[i];
}
return result;
}
document.querySelector("button").onclick = function () {
var result= sum(10,20);
document.getElementById("demo").innerHTML=result+"<br>"; //30
var result= sum(10,20, 30, 40);
document.getElementById("demo").innerHTML+=result+"<br>"; //100
var result= sum(10);
document.getElementById("demo").innerHTML += result; //10
};
</script>
</body>
반응형