다연이네

[days04] 함수의 매개변수 본문

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>

 

반응형
저작자표시 비영리

'Web > JavaScript' 카테고리의 다른 글

[days05] .classList.toggle(), .nextElementSibling;  (0) 2020.12.15
[days04] .css().removeClass()/.addClass(), .eq()  (0) 2020.12.14
[days04] 달력 만들기  (0) 2020.12.14
[days04] js 날짜 객체 : Date  (0) 2020.12.14
[days04] 동적으로 컨트롤 생성하기  (0) 2020.12.14
'Web/JavaScript' Related Articles more
Comments