JavaScript - 함수
Front-End/javascript 2019. 6. 1. 11:08728x90
반응형
함수
하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.
함수의 장점은 재사용성, 유지보수의 편리성, 가독성이 있다.
함수의 형식
function 함수명 ( [인자....[,인자] ] ) { 코드 return 반환값 } |
함수 예제
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type ="text/javascript">
function numbering(){ //1~19까지 출력 하는 함수를 4번 호출 , <br/>은 줄바꿈
var i = 0;
while(i<20){
document.write(i+"<br/>");
i += 1;
}
}
numbering();
numbering();
numbering();
numbering();
</script>
</body>
</html>
|
cs |
함수의 다른 정의 방법
출력값은 동일함.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type ="text/javascript">
numbering = function (){ //function numbering()과 동일한 방법
var i = 0;
while(i<20){
document.write(i+"<br/>");
i += 1;
}
}
numbering();
numbering();
numbering();
numbering();
</script>
</body>
</html>
|
cs |
함수의 다른 정의 방법
출력값은 동일함.
익명함수 (함수의 이름이 없고, 생성하자마자 호출함)
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type ="text/javascript">
(function (){
var i = 0;
while(i<20){
document.write(i+"<br/>");
i += 1;
}
})(); //함수의 이름이 없고 생성하자마자 ();로 호출함.. 이름이 없어서 익명함수라 한다. 일회성으로 호출할때 사용
numbering();
numbering();
numbering();
numbering();
</script>
</body>
</html>
|
cs |
아래 책은 제가 공부할때 활용했던 책으로 추천드리는 책이니 한번씩 읽어보시는것을 추천드립니다!! ㅎㅎ
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
728x90
반응형
'Front-End > javascript' 카테고리의 다른 글
| javascript - 객체 (0) | 2019.06.09 |
|---|---|
| javascript - 배열 (0) | 2019.06.01 |
| javaScript 반복문 (0) | 2019.05.25 |
| javascript 조건문 (0) | 2019.05.24 |
| javascript 연산자, 비교문 (0) | 2019.05.23 |