[javascript 기초 강좌] 8. 사용자 정의 함수

2016. 1. 28. 11:06language/javascript

함수가 무엇인지 부터 알아보고 진행하겠습니다.

 

함수는 일련의 작업을 하나로 묶어놓은 것입니다.

예를 들어 매주 로또 추첨을 해야한다고 가정합니다.

제비뽑기종이를 자르고 번호를 쓰고 바구니 같은곳에 넣어서 사람이 직접 손으로 번호를 하나하나 뽑아야 하는 노가다 작업을 해야 합니다. 다음주에는 또다른 종이를 잘라 번호를 써야하고 그담음주도 그그다음주도 매주 이 작업을 하고 있으려니 정말 귀찮겠죠?

그래서 이 일련의 작업을 미리 기계에 정의합니다. 그럼 그 기계가 자동으로 종이를 잘라주고 번호를 써주고 바구니에 종이를 넣어서 저에게 줍니다. 공장의 한 시스템 같기도 한데 이 일련의 작업을 묶어 정의해 놓고 한번의 호출로 가능하게 해주는 것이 함수입니다.

 

 

1. 사용자 정의 함수

사용자가 직접 만들어서 사용합니다.

일반적인 모양이고 가장 흔히 사용합니다.

 

함수 정의 방법

function 함수명(파라미터 변수들...){

처리할 내용들;
...
...
return 반환값;

}

 

var 함수명 = function(파라미터 변수들...){

처리할 내용들;
...
...
return 반환값;

}


 함수 호출 방법

1) 함수명(); ==> 파라미터가 없고, 반환값도 없는 함수의 호출 방법
2) 함수명(값들...); ==> 파라미터변수는 있고, 반환값은 없는 함수의 호출 방법
3) 변수 = 함수명(); ==> 파라미터변수는 없고, 반환값은 있는 함수의 호출 방법
4) 변수 = 함수명(값들...); ==> 파라미터변수가 있고, 반환값도 있는 함수의 호출 방법

 

 

다음 예제를 보면서 함수를 선언하고 사용하는 방법을 익혀봅니다.