[JavaScript] #04_ 함수(Function)

함수 선언

선언적 함수  :함수에 이름을 넣는 것

function test1(){

}

익명 함수   :함수 이름없이 생성하는 것. 함수 이름을 변수명으로 넣어줌.

var test2 = function(){
			
}

 

함수 전달인자와 매개변수

매개인자로 전달하기
: 지정된 매개변수보다 많은 개수를 호출하는 것을 허용. 단, 초과된 인자는 무시한다.
지정된 매개변수보다 적은 개수를 호출하는 것도 허용. 단, 전달이 되지 않은 매개변수는 undefined로 나타남.

cf)  arguments라는 숨겨져 있는 배열 : 넘겨받은 모든 인자를 저장해놓는 배열(개수 상관없이). 확인할때 사용한다.

	<button id="btn1">실행확인</button>
	<script>
		document.getElementById('btn1').onclick = function(){	
			test3('안녕', '반가워');	//안녕  
			test3();	//undefined
		}
		
		function test3(value){
			console.log('test3호출');
			console.log(value);        
		}
	</script>

매개인자로 스스로를 전달하기
this매개인자    -->현재 나의 코드 전문을 뜻함.

따라서, this의 innerHTML을 이용할 수 있겠다.

함수의 리턴처리
return   :반환값을 받을 수 있게함.

	<button onclick="test6();">실행확인</button>
	<script>
		function test6(){
			var ran = returnFunc();
			alert(ran);
		}
		
		function returnFunc(){
			return Math.random() * 100 + 1;
		}
	</script>

 

매개변수로 함수 전달

	<button onclick="test7(calledFunction);">실행확인</button>
	<script>
		function test7(v){
			v();
		}
		
		function calledFunction(){
			alert('calledFunction 실행');
		}
	</script>

 

함수 리턴
 ( )추가

 

내장함수
eval( )
: 문자열을 자바스크립트 코드로 변환하여 반환한다.

알림창에 숫자 입력하면 (숫자 + 숫자 = 결과) 형태로 나옴.

infinity와 NaN

Infinity   :무한의. number타입
-Infinity  :음의 무한대

확인해볼 수 있는 코드
값 == Infinity     
isFinite(값)
(---->true, false로 반환한다.)

NaN      :(Not a Number). number타입

확인해볼 수 있는 코드
isNaN(값)

---

window.onload      :페이지가 다 로딩된 시점에서 자동으로 실행되는 함수. 한페이지내에서 하나만 사용 가능

웹페이지를 실행하여 아무것도 안했는데 콘솔창을 보면 출력되어있음.