YunDev

JavaScript - 함수, 인자 값 본문

Programming/JavaScript

JavaScript - 함수, 인자 값

S준 2020. 3. 14. 22:59

 

 

함수는 쉽게 말해 코드를 저장하고 호출을 함으로써 사용할 수 있는 묶음 입니다.

자바스크립트에서는 특히 더 쉽게 함수를 사용할 수 있습니다.

 

다음은 함수를 정의하는 방법입니다.

function script() { //함수 이름 : script 
		document.write("함수를 사용한 덧셈 코드","<br>");
		document.write("6 + 5 = ", 6 + 5);
	}

 

함수를 선언하려면 function 뒤에 이름을 써주시고 그 안에는 코드를 넣어주시면 됩니다.

이제 이 함수를 호출을 해야하는데 호출을 하는 방법은 어렵지 않습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 함수 사용</title>
</head>
<body>
<h3>함수 사용해보기</h3>
<script>

	function script() {
		document.write("함수를 사용한 덧셈 코드","<br>");
		document.write("6 + 5 = ", 11);
	}
		
	script();
	
</script>
</body>
</html>

함수이름,괄호를 붙이시면 호출을 한 것입니다.

 

 

 

 

2.매개변수

매개변수는 함수가 호출될 때 값을 받는 변수를 뜻합니다.

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>매개변수 알아보기</title>
<script>
	var rightId = "ID2020";
	var rightPw = "Password2020";
	
	function login(id,pw) { //매개변수
		
		if(id == rightId) {
			if(pw == rightPw) {
				document.write(id,"님 방문을 환영합니다!");
			} 
			else {
				alert("잘못된 비밀번호입니다.");	
			}
		} 
		else{			
			alert("존재하지 않는 아이디입니다.");
			
		}
	}
	var userId = prompt("아이디를 입력하세요");
	var userPw = prompt("비밀번호를 입력하세요");
	
	login(userId,userPw); //인자 값
</script>
</head>
<body>
</body>
</html>

 

코드를 보면 login 함수를 실행할 때 userId,userPw를 넘겨줍니다. 이렇게 함수를 호출하면서 전달하는 값이나 변수를

인자 값, 인자값을 받는 변수를 매개변수라고 합니다.

여기서의 인자 값은 userId, userPw, 매개변수는 id,pw 입니다.

그래서 아이디와 비밀번호 둘다 맞으면 환영한다는 메세지가 뜨고 아이디, 비밀번호중 하나라도 틀리면 틀렸다는 메세지가 뜹니다.

 

 

 

 

 

 

이렇게 함수, 매개변수에 대하여 알아보았습니다~~!

저작자표시 비영리 동일조건

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

JavaScript - 쉽게 알아보는 여러가지 기능들  (1) 2020.03.24
JavaScript - 난수(랜덤 수)를 출력해보자!  (0) 2020.03.16
JavaScript - 입력, if문 사용하기  (0) 2020.03.12
JavaScript - 알아보기  (0) 2020.03.11
'Programming/JavaScript' Related Articles more