함수
함수(function) 하나의 로직을 재실행 할 수 있도록 코드의 '재사용성'을 높여준다.
function 기본 구성
function 함수명 (인자..[,인자]){
코드
return 반환값
}함수 호출
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function numbering(){
i = 0;
while(i<20){
document.write(i+"<br />");
i += 1;
}
}
numbering(); //호출을 하면 위에 함수를 정의한 긴 코드를 쉽게 불러올 수 있다..!
</script>
</body>
</html>함수 출력 return
return은 함수를 종료시킨다.
retrun 'abc'라면 함수를 종료 후 'abc'를 반환한다.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_member1(){
return 'egoing';
}
function get_member2(){
return 'k8805';
}
alert(get_member1()); //egoing을 반환
alert(get_member2()); //k8805를 반환
</script>
</body>
</html>
함수 입력
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_argument(arg){
return arg*1000;
} //arg는 매개변수(parameter), 매개변수는 인자값을 받아 출력한다.
alert(get_argument(1)); // 1000 괄호 안의 1은 '인자'
alert(get_argument(2)); // 2000
</script>
</body>
</html>복수 인자
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_argument(arg1, arg2){
return ar1 + arg2; //리턴값은 한개만 받을 수 있다.
} //arg1은 (10, 20) / arg2는 (20, 30)
alert(get_argument(10, 20)); // 2개의 인자
alert(get_argument(20 ,30));
</script>
</body>
</html>다양한 정의 방법
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
/*변수 안에 함수를 넣어 정의하기*/
numbering = function (){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
}
numbering();
/*함수 이름으로 정의하기*/
function numbering(){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
}
/* 익명함수 */
(function (){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
})(); //익명함수는 1회성으로 호출할 때 사용하곤 한다.
</script>
</body>
</html>
iOS Developer