Java Script 함수

함수란?

-함수(funcion)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.

-기본문법: function뒤에 함수 이름과 소괄호를 쓴다. 소괄호엔 인자값이 차례로 들어오는데, 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수다. 인자는 생략할 수 있다. 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 온다.

function 함수명( [인자...[,인자]] ){
  코드
  return 반환값
}

아래 예제에서 함수의 이름은 numbering이고, 0~9까지 화면에 출력한다.

function numbering(){
   i = 0;
   while(i < 10){
      document.write(i);
      i += 1;
  }
}

함수의 효용

함수 입력

아래는 함수를 사용한 예시다.
return이오면 바로 뒤의 값을 내준 뒤 함수가 종료된다. 함수가 끝나고 alert로 get_member1을 실행했으니 결과는 alert창에 kpl5672라고 뜨게된다.

function get_member1(){
			return 'kpl5672';
		}
		alert(get_member1())

아래 함수는 get_argument뒤 괄호에 arg라는 변수가 들어갔고, return값이 arg가 됐다.
그러므로 alert 출력시 get_argument뒤 괄호에 특정 내용을 입력하면 그것이 곧 arg가 되고 그 값이 출력된다. 아래 코드는 alert창에 1000이 뜨는 결과가 된다. 첫 줄 괄호 안arg는 매개변수(parameter)라 부르고, alert 출력코드 안에 있는(1)은 인자(argument)라고 부른다.

function get_argument(arg){
			return arg*1000;
		}
		alert(get_argument(1))

함수는 아래와 같이 복수의 매개변수를 가질 수도 있다.

function hihi(arg1, arg2){
			return arg1 + arg2;
		}

		alert(hihi(30, 50))

위 코드의 결과로 alert창에 80이 뜨게 된다.

함수 출력

함수 다양한 정의 방법

아래는 함수를 변수에 담아 호출하는 방법이다.

numbering = function (){
			i = 0;
			while(i < 10){
				document.write(i);
				i += 1;
			}
		}

아래는 익명함수. 이름이 없고 바로 호출됨. 1회성으로 사용.

(function (){
			i = 0;
			while(i < 10){
				document.write(i);
				i += 1;
			}
		}) ();