반응형
함수란 반복되는 작업을 하나의 독립적으로 여러번 정의 할때 사용합니다.
fuction 함수명 (매개변수)
{
문장;
return 반환값;
fuction 함수명 (매개변수)
{
문장;
return 반환값;
} 입니다.
사용목적에 따라서 매개변수와 retrun 생략 가능합니다.
함수 선언은 HTML의 HEAD 부분에 작성합니다. 함수 호출은 BODY부분에서...
함수 선언입니다. ( <head> 태그 안에 선언 )
<head>
//[1]매개변수가 없는 함수
function ShowTitle()
{
document.write("<h3>안녕하세요!</h3>");
}
//[2]매개변수가 있는 함수
function MyAbs(data)
{
var result = (data < 0) ? -data : data;
document.write(data + "의 절대값 : " + result + "<br />");
}
//[3]반환값이 있는 함수
function MyPow(a, b)
{
var result = 1;
for (var i = 0; i < b; i++)
{
result *= a;
}
return result;
}
</head>
함수 호출 ( <body> 태그 안에서 함수 호출)
<body>
<script type="text/javascript">
//[1] 매개변수가 없는 함수
ShowTitle();
//[2] 매개변수가 있는 함수
MyAbs(-10); MyAbs(10);
//[3] 반환값이 있는 함수
var retValue = MyPow(2, 10);
</script>
</body>
응용예제1 - 매개변수가 있는 함수를 가지고 반올림 하는 예제입니다.
응용예제2 - 매개변수가 있는 함수를 가지고 동적테이블 생성하는 예제입니다.
사용목적에 따라서 매개변수와 retrun 생략 가능합니다.
함수 선언은 HTML의 HEAD 부분에 작성합니다. 함수 호출은 BODY부분에서...
<head>
//[1]매개변수가 없는 함수
function ShowTitle()
{
document.write("<h3>안녕하세요!</h3>");
}
//[2]매개변수가 있는 함수
function MyAbs(data)
{
var result = (data < 0) ? -data : data;
document.write(data + "의 절대값 : " + result + "<br />");
}
//[3]반환값이 있는 함수
function MyPow(a, b)
{
var result = 1;
for (var i = 0; i < b; i++)
{
result *= a;
}
return result;
}
</head>
<body>
<script type="text/javascript">
//[1] 매개변수가 없는 함수
ShowTitle();
//[2] 매개변수가 있는 함수
MyAbs(-10); MyAbs(10);
//[3] 반환값이 있는 함수
var retValue = MyPow(2, 10);
</script>
</body>
응용예제2 - 매개변수가 있는 함수를 가지고 동적테이블 생성하는 예제입니다.
20.함수.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 22.JavaScript - Array 배열 (0) | 2009.08.10 |
|---|---|
| 21.JavaScript - C#과 JavaScript 선택정렬 비교 (0) | 2009.08.10 |
| 19.JavaScript - For문 1~100까지의 합 (0) | 2009.07.31 |
| 18.JavaScript - 구간반복 (0) | 2009.07.31 |
| 17.JavaScript - 선택문 (0) | 2009.07.31 |
Comments