티스토리 뷰
함수란 ? 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.
반복문은 if로 시작했든 함수는 function으로 시작한다.
재사용성의 중요성이다.
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script> function numbering() { document.write(1); } numbering(); </script> </body> </html> |
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script> function numbering() { i = 0; while(i < 10){ document.write(i); i += 1; } } numbering(); </script> </body> </html> |
0123456789 |
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script> function numbering() { i = 0; while(i < 20){ document.write(i); i += 1; } } numbering(); </script> </body> </html> |
012345678910111213141516171819 |
함수의 효용
반복문으로 1 - 1000까지 <!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script> function numbering() { var i = 0; while(i < 20){ document.write(i+ "<br/>"); i += 1; } } for(var i = 0; i < 1000; i++) { numbering(); } </script> </body> </html> |
재사용 성이 좋을 경우 유지보수가 용이하다. <!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script> function numbering() { var i = 0; while (i < 20) { document.write(i + "<br/>"); i += 1; } } numbering(); </script> </body> </html> |
return 함수를 종료시킨다.
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script type="text/javascript"> function get_member1(){ return 'egoing' } function get_member2(){ return 'k8805'; } alert (get_member1()); alert (get_member2()); </script> </body> </html> |
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script type="text/javascript"> function get_member1(){ return 'egoing' return 'egoi2' return 'egoin3' } function get_member2(){ return 'k8805'; } alert (get_member1()); alert (get_member2()); </script> </body> </html> |
리턴 뒤에나오는것은 안나옴 그러니 2,3은 출력되지않음 |
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script type="text/javascript"> function get_argument(arg){ return arg; } alert(get_argument(1)); alert(get_argument(2)); </script> </body> </html> |
arg = 매개변수 ( parameter )
1 = 인자 ( argument )
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script type="text/javascript"> function get_arguments(arg1, arg2) { return arg1 + arg2 } alert(get_arguments(10, 20)); alert(get_arguments(20, 30)); </script> </body> </html> |
50 |
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> </head> <body> <script type="text/javascript"> var numbering = function () { i = 0; while (i < 10) { document.write(i); i += 1; } } numbering(); </script> </body> </html> |
0123456789 |
'코딩 공부 > 생활 코딩' 카테고리의 다른 글
생활 코딩 - 객체 (4) | 2021.08.17 |
---|---|
생활 코딩 - 배열 (1) | 2021.08.17 |
생활 코딩 - 반복문 (0) | 2021.08.16 |
생활 코딩 - 조건문 (0) | 2021.08.15 |
생활 코딩 - 비교 (0) | 2021.08.15 |
댓글
© 2022 chanchaning