Javascript - 함수

function.

코드의 재사용성을 높여준다. 하나의 로직을 재실행할 수 있도록 함.

 

function 함수명 ( [인자...,[인자]) {

                코드

                return 반환값

}

 

 

ex)

function Eun () {

      document.write('Eunluck');

}

Eun();

 

함수 Eun 을 정의하고, Eun 을 실행했다. 결과 : 웹페이지에 Eunluck 이 출력됨.

Eun(); 에서, () 를 쓰지 않으면 자바스크립트는 함수가 아닌 변수로 인식함.

*재사용성이 중요★ document.write('은행운') 으로 바꾸면, Eun(); 가 쓰인 모든 곳에서

Eunluck 이 은행운 으로 모두 바뀜 : 편리

 

*반복문과의 차이점

함수는 200번째 줄, 300000번째 줄, 등 언제든 여러 곳에서 사용이 가능하지만,

반복문은 200번째 줄에서 실행된 후, 300000번째 줄에서 다시 코드 작성이 필요하다.

이는 반복문이 수정이 불편하다는 의미.

함수는 작성된 코드를 한 번 고치면 쓰인 모든 곳에서 고쳐진 내용이 적용되지만,

반복문은 하나하나 찾아서 고쳐야 한다.

함수가 유지보수가 용이하고 가독성이 좋다는 뜻이얌>ㅁ<

 

▶ 출력

function Eun () {

    return 'luck';

    return 'lock';

}

function Kang () {

    return 'hyeon';

}

 

Eun 함수는 luck 을 출력시킬 것인데, 처음으로 만난 return 에서 값을 출력시킨 후,

함수가 종료되기 때문에 lock 은 출력되지 않습니다.

Kang 함수는 hyeon 을 출력합니다.

값을 불러볼 때

 

alert (Eun());        

alert (Kang());        

각각 luck, hyeon 이 출력됩니다.

 

▶ 입력

function Eun(luck) {

    return luck;

}

alert(Eun(1));

 

함수 Eun 알림 창에 띄울 때에 luck 대신, 1을 넣으란 뜻.

luck = 1  이란 뜻. 1회 적 변수를 만드는 듯.

결과 : 1 이 출력된다.

하지만 그대로 나오게 하는 것은 의미가 없음.

 

function Eun(luck) {

    return luck*1000;

}

alert(Eun(1));

1을 넣으면 1000이 나오게 하는 것이 함수임.

 

여기서 luck 이 매개변수(parameter)

 1 이 인자(argument)

=값 자체가 인자. 값을 받는 것이 매개변수임.

 

개념적으로 1이 입력.

return이 출력이다.

 

*복수의 인자

입력의 테크닉.

ex)

function EK(Eun, Kang) {
	return Eun + Kang;
}

alert(EK(28, 24));
alert(EK(92, 96));

EK 라는 함수의 매개변수가 2개이다.

첫 번째 것 :  Eun, 두 번째 : Kang.

Eund의 값과 Kang 의 값을 더해서 출력할 것이다.

첫 번째 알림창 : Eun매개변수에 28 이라는 인자를 주고,

                     Kang매개변수에 24 라는 인자를 주어 출력. 결과 : 52.

두 번째 알림창 :  Eun매개변수에 92 이라는 인자를 주고,

                     Kang매개변수에 96 라는 인자를 주어 출력. 결과 : 188

 

인자는 여러 개가 들어갈 수 있다. 매개변수 순서와 인자 순서를 같이해서 작성하면 돼.

하지만 리턴 값은 하나뿐임.

 

 

▶함수를 정의하는 다른 방법.

변수 사용.

var Eun = function(){
	i = 0;
    while(i < 8){
    	document.write((i+1) + "<br />");
        i+=1;
    }
}
Eun();

함수가 Eun 이라는 변수에 대입되었다.

 =Eun 이라는 변수가 함수를 갖게 되었다.

∴ Eun 이라는 변수 옆에 () 라는 함수를 호출하는 기호를 붙여주면 실행된다.

이 것은 아래 코드와 일치한다.

*i +=1 와 i = i + 1 은 같은 의미. 둘 다 1씩더한다는 뜻.

 

function Eun(){
	i = 0;
    while(i < 8){
    	document.write((i+1) + "<br />");
        i += 1;
    }
}
Eun();

 

* 익명 함수

(function (){
	i = 0;
    while(i < 8){
    	document.write((i+1) + "<br />");
        i += 1;
    }
})();

이름을 붙이지도, 변수에 담지도 않은 함수.

전체를 괄호로 감싸고 함수 호출 기호() 를 사용해 호출했다.

1회성으로 호출하는 경우 사용.