11주차 - jsp&js (9) 함수(function) - 1
2022. 9. 16. 20:33ㆍjsp/java script
이번의 목표
01. function을 통해 함수를 만들어보자.
02. 만든 함수를 통해 화면에 문구를 출력해보자
js에서는 function 을 사용하여 함수를 만들 수 있습니다.
여기서 함수(function)를 쉽게 이해하자면 클래스에 종속되지 않는 메서드라고 생각하면 됩니다.
메서드는 함수의 일종입니다. 그래서 메서드를 다른 이름으로 멤버 함수 라고도 부릅니다.
메서드를 사용하기 위해서는 메서드가 담겨있는 객체를 생성하고 객체를 이용하여 메서드를 사용할 수 있습니다.
하지만 함수는 그럴 필요가 없이 function 키워드를 이용하여 만들고 사용할 수 있습니다.
함수는 function 키워드로 만들 수 있습니다. 함수 생성 예시는 아래와 같습니다.
function 함수명(매개변수){실행문}
함수의 선언을 보면 메서드의 생성과 상당 부분 유사한 것을 알 수 있습니다.
그리고 함수는 생성한 위치에 상관없이 <script> 태그 내에서라면 어디서든 사용이 가능합니다.
01. 코드
02. 실행 화면
01. 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex09</title>
</head>
<body>
<script type="text/javascript">
var data1 = 1234;
var data2 = "함수 선언 후 호출";
printMsg(data1); // 함수 선언 전 호출
function printMsg(msg){
document.write('함수 호출 메시지 : ' + msg + "<br>");
return "반환 데이터";
}
returnData = printMsg(data2); // 함수 선언 후 호출
document.write("반환 데이터 : " + returnData + "<br>");
</script>
</body>
</html>
02. 실행 화면
'jsp > java script' 카테고리의 다른 글
| 11주차 - jsp&js (11) 익명(무명) 함수 (0) | 2022.09.16 |
|---|---|
| 11주차 - jsp&js (10) 함수(function) - 2 (0) | 2022.09.16 |
| 11주차 - jsp&js (8) for문 (0) | 2022.09.16 |
| 11주차 - jsp&js (7) switch case break (0) | 2022.09.16 |
| 11주차 - jsp&js (6) if문 (0) | 2022.09.16 |