섹션7. 함수

1. 함수란?

함수: 하나의 로직을 재실행 할 수 있도록 하는 것, 코드의 재사용성을 높여줌

함수의 형식

function 함수명( [인자...[,인자]] ){
   코드
   return 반환값
}

예제

<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
	// 함수 정의
	function numbering(){
		document.write(1);
	}

	// 함수 호출
	numbering();
</script>
</body>
</html>

Untitled

예제 2

<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
	function numbering(){
		document.write(1);
	}
	numbering();
	numbering();
	numbering();
	numbering();
	numbering();
	numbering();
</script>
</body>
</html>

Untitled

예제 3

<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
	function numbering(){
	    i = 0;
	    while(i < 10){
	        document.write(i);
	        i += 1;
	    }   
	}
	numbering();
</script>
</body>
</html>

Untitled

2. 함수의 효용

재사용성
유지 보수의 용이
가독성

3. 출력

return

return 이 오면 함수가 종료됨
return 뒤에 오는 값이 출력 값이 됨

function get_member1(){
    return 'egoing';
}
 
function get_member2(){
    return 'k8805';
}
 
alert(get_member1());
alert(get_member2());

return 이 여러 개라면?

첫 번째 리턴 값만 출력
첫 번째 리턴에서 함수가 끝나기 때문

function get_member(){
    return 'egoing';
    return 'k8805';
    return 'sorialgi';
}
alert(get_member());

Untitled

4. 입력

인자: 함수로 유입되는 입력 값

<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
	function get_argument(arg){
	    return arg;
	}
	 
	alert(get_argument(1));
	alert(get_argument(2));
</script>
</body>
</html>