jsp/java script
11주차 - jsp&js (10) 함수(function) - 2
우젼
2022. 9. 16. 20:39
이번의 목표
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. 실행 화면
