반응형
## 함수 (function, method)
- 일련의 로직을 다시 사용할 수 있도록 묶어둠(모듈화) (개발자의 미덕은 게으름)
- 입력(인자,argument)와 출력(반환,return)으로 이루어짐
- 사용자 정의 함수와 내장함수가 있다.
## 문법
- 함수의 정의는 다음과 같이 한다.
- 함수명은 함수를 호출할 때 사용할 이름 (함수는 변수에 저장된다)
- 인자는 함수에 저장되는 변수. 콤마로 구분되고 없을 수도 있고 무한히 많을수도 있다.
- return은 함수가 결과값으로 출력할 값. return은 함수의 종료조건이 됨
function 함수명(인자명1, 인자명2...) {
// 로직
return 반환값;
}
<
script
type
=
"text/javascript"
>
function test(x, y){
var z = x+y;
return z;
}
alert(test(1,2)); // 3을 출력함
</
script
>
<
html
>
<
head
>
<
script
type
=
"text/javascript"
>
function sum(num1, num2){
return num1+num2;
}
</
script
>
<
title
></
title
>
</
head
>
<
body
>
<
form
>
<
input
type
=
"button"
onclick
=
"alert(sum(1,1))"
value
=
"1+1"
/><
br
/>
<
input
type
=
"button"
onclick
=
"alert(sum(1,2))"
value
=
"1+2"
/><
br
/>
<
input
type
=
"button"
onclick
=
"alert(sum(1,3))"
value
=
"1+3"
/><
br
/>
<
br
/>
<
br
/>
<
input
type
=
"text"
onchange
=
"alert(sum(10,Number(this.value)))"
/>+10
</
form
>
</
body
>
</
html
>
반응형
'# Work > Javascript' 카테고리의 다른 글
자바스크립트 기초-6 이벤트 (0) | 2011.12.30 |
---|---|
자바스크립트 기초-5 배열 (0) | 2011.12.30 |
자바스크립트 기초3 - 반복문 (0) | 2011.12.29 |
자바스크립트 기초2 (조건문 if문,switch문) (0) | 2011.12.29 |
자바스크립트 기초 (0) | 2011.12.23 |