기사소개

이 기사에서는 함수에 대하여 다룹니다.

함수란?

함수「인수」라 불리우는 입력값을 받아오던가「인수」를 받아오지 않은채 특정 처리를 행하여 결과치를 출력 하는것을 말합니다. 만약, 결과값을 원하는 경우에는 return문을 사용하여 결과값을 받아오는것도 가능합니다.

함수의 예1

var 함수명 = function(인수1, 인수2, …(여기에 인수를 넣지 않는 경우도 있습니다.)) {
// 특정 처리
// 결과값이 필요한 경우에는 return을 사용합니다.
} 

함수의 예2

function 함수명(인수1, 인수2, …(여기에 인수를 넣지않은 경우도 있습니다.)) {
// 특정 처리
// 결과값이 필요한 경우에는 return을 사용합니다.
}

사용법 예시

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script>
		var checkEvent_1 = function() {
			var v = document.getElementById("number").value;		
			window.alert("이 함수는 입력값을 사용하지 않는 함수 입니다. 입력값은"+v+"입니다.")
		}

		function checkEvent_2(val) {
			var v = document.getElementById("number").value;
			alert(val+v+"입니다.")
		}
	</script>
</head>
<body style=" background-color:#8ed1fc;">
	<p>아래쪽에 문자를 입력하여 경고문을 출력하여 봅시다!</p>
	<p><input type="text" id="number"></p>
	<p><button onclick="checkEvent_1()" style ="background-color: white;">인수가 없는 함수의 값을 보기</button></p>
	<p><button onclick="checkEvent_2('이쪽은 인수가 있는 함수입니다. 입력치는 ')" style ="background-color: white;">인수가 있는 함수의 값을 보기</button></p>
</body>
</html>

위 소스의 실행결과


아래쪽에 문자를 입력하여 경고문을 출력하여 봅시다!

두개의 함수는 소스는 다르지만 같은결과값을 내고 있습니다.


이번에는 간단히 훑어 보았지만, 다음 기사부터는 함수를 사용하여 여러가지 프로그램을 만들어 보겠습니다. 그것을 보면서 코드를 배워나가면 자동적으로 함수의 사용법을 습득할수 있을거라 생각합니다.

Web개발 – 처음하는Javascript

프로그래밍 강좌 메인