본문 바로가기

HTML / CSS / Java Script

[JS] 자바스크립트 함수 사용하기

함수(function)란?

특정한 작업을 하기 위해서 독립적으로 작성된 작은 단위의 프로그램이다
함수를 사용하면 반복 수행되는 특정 작업을 분리하여 처리해서 필요할때 쉽게 다시 사용할수 있고 소스의 이해가 쉽고 프로그램 유지, 보스가 쉽다.



자바스크립트드에 내장함수(built-in function)는 따로 정의 할 필요없이 간단하게 함수 명령만 하면됨

내장함수 종류

alert(문자열) : 메세지 대화상잔를 나타내는 함수
confirm(문자열) : 확인버튼같은 버튼이있는 대화상자를 나타내는 함수(확인값 true, 취소값 false 전달)
prompt(문자열) : 대화상자를 통해 입력된 값을 받는 함수
eval(수식문자열) : 수식으로 입력된 문자열을 계산하는 함수
parselnt(문자열(진수)) : 문자열을 정수로 바꾸는 함수
parseFloat(문자열) : 문자열을 부동소수점으로 바꾸는 함수
isNaN(값) : 주어진 값이 순수한 문자(NaN = Not a Number)인지 판단하는 함수
escape(ISO-Latin-1 문자셋) : ISO-Latin-1 문자셋을 ASCII 값으로 바꾸는 함수
unescape(ASCII) : ASCII 값을 ISO-Latin-1 문자셋으로 바꾸는 함수




사용자 정의 함수는 사용자가 특별한 기능을 함수로 구현하여 필요할때 사용할수 있도록 직접 제작하는 함수임

function


함수의 정의

함수의 정의는 해당 함수에 처리할 명령과 함수이름을 정의함


function 함수이름([매개변수1], [매개변수2], ...){
    실행할명령;
    [return 값];
}

매개변수와 리턴값 사용

함수를 정의할때 함수는 매개변수가 있는 경우와 없는 경우, 리던 값이 잇는 경우 없는경우가 있음

매개변수가 있는경우
함수의 기능을 수행할때 값을 전달받아 사용하는경우, 전달받을 값의 개수 만큰 매개 변수를 확보함

매개변수가 없는경우
전달받는 값이 없는 경우에는 매개변수가 없다

리턴값이 있는경우
함수로 어떤 일을 처리하고 결과 값을 반환할때 함수의 { } 안에 return문을 사용함
return문 옆에 반환 값이 없는 경우에 그시점에 해당 함수를 끝내고 돌아간다는 말임

리턴값이 없는경우
결과 값을 반환 하지 않는 경우 return문이 없다.

함수 호출

정의된 함수를 사용할때 함수 이름을 이용해서 호출하고 해당 함수의 매개변수와 전달하는 값이 일치해야함


함수이름( );
함수이름(값, ...);

함수 실행

함수가 호출되면 함수 내부 명령이 실행되고 return문이나 함수 끝을 만나면 호출되는 시첨으로 돌아가 다음명령을 실행

함수 내부에서 자기 자신의 함수를 다시 호출하는 것을 재귀적 함수호출이라고 한다.
함수마지막종료 시점이 잘못되면 무한루프(loop)될수도 있다. ㅎㅎ