11주차 - jsp&js (10) 함수(function) - 2

2022. 9. 16. 20:39jsp/java script

이번의 목표

01. 함수(function)의 선언과 실행을 나눠보자.


지난 시간에는 function 키워드를 통해 함수를 만들고 사용해보았습니다.

그때, 함수의 선언과 사용을 모두 <body> 태그 안에서 했습니다.

java에서 메서드만 모아두는 클래스를 따로 만들어두어서 코드를 보다 간결하게 하는것처럼,

여기서도 함수의 선언은 <head>에 위치시켜두어 코드를 좀더 정리되 보이게 하겠습니다.

 

01. 코드
02. 실행 화면

01. 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex10</title>
<script type="text/javascript">
	function printMsg(msg){
		document.write('함수 호출 메시지 : ' + msg + "<br>");
		return "반환 데이터";
	}
</script>
</head>
<body>
	<script type="text/javascript">
		var data1 = 1234;
		var data2 = "함수 선언 후 호출";
		printMsg(data1);
		
		returnData = printMsg(data2); // 함수 선언 후 호출
		document.write("반환 데이터 : " + returnData + "<br>");
	</script>
</body>
</html>

02. 실행 화면