[JavaScript] JavaScript 함수 (function)
- 웹 프로그래밍/JavaScript
- 2020. 12. 25. 00:00
안녕하세요.
오늘부터는 JavaScript에서 함수 (function)에 대해서 알아 보려고 합니다.
함수란? 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다고 정의가 되어 있습니다.
함수에는 크게 함수의 이름, 매개변수, 중괄호로 둘러싸인 실행문 이렇게 3가지 요소로 이루어져 있는데요.
위와 같이 말로써 풀이하면 당연히 이해가 어려울거라 생각이 드니까 예제 코드를 통해서 함수가 어떻게 생겼고 어떻게 사용하는지 보여 드리도록 하겠습니다.
예제 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 연습 - 범범조조</title>
<style>
h1{
color: white;
background-color: red;
font-size: 35px;
}
</style>
<body>
<h1>함수의 정의</h1>
<script>
function sum(x, y){
return x + y;
}
function substract(x, y){
return x - y;
}
function multiply(x, y){
return x * y;
}
function division(x, y){
return x / y;
}
var sumFunc = sum(1 , 4);
var subFunc = substract(1 , 4);
var multFunc = multiply(1 , 4);
var divFunc = division(1 , 4);
document.write("1 + 4 = " + sumFunc + "<br>");
document.write("1 - 4 = " + subFunc + "<br>");
document.write("1 * 4 = " + multFunc + "<br>");
document.write("1 / 4 = " + divFunc + "<br>");
</script>
</body>
</html>
|
cs |
실행 결과
위와 같이 덧셈, 뺼셈, 곱셈, 나눗셈을 담당하는 함수들을 만들어서 함수 매개변수의 값을 넣어서
출력까지 해보았습니다.
감사합니다.
728x90
'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
| [JavaScript] JavaScript Date(날짜) 객체 사용하기 (0) | 2020.12.26 |
|---|---|
| [JavaScript] JavaScript Number 메서드 사용방법 (0) | 2020.12.25 |
| [JavaScript] JavaScript Number 객체 사용방법 (0) | 2020.12.24 |
| [JavaScript] JavaScript 배열(Array) (0) | 2020.12.24 |
| [JavaScript] JavaScript continue 문 (0) | 2020.12.23 |
