[웹/클라이언트]자바스크립트의 함수형태

자바스크립트란??

선마이크로시스템즈와 네스케이프에서 공동으로 개발한 스크립트 언어

HTML문서의 동작을 정적으로 표현할 수 있는 언어이다. HTML Form값을 가공하거나 검사하여 서버쪽으로 보낸다든지 사용자의 입력을 제어한다든지

사용자에게 메시지를 보내는 등으로 활용할 수 있다.

HTML 문서 안에 자바스크립트로 작성된 코드를 넣어 둠으로써 브라우저에서 실행가능하도록 한다. 인터프리터 언어로써 브라우저에 의해 실행될 때마다 

번역이 이루어짐.. 자바스크립트는 스크립트 언어로써 스스로 실행 가능하지 않다 따라서 자바스크립트를 지원하지 않는 브라우저에서는 자바스크립트 코드를 

무시하게 된다.

자바스크립트 함수

함수란 특정 기능을 구현한 코드를 독립된 단위로 만들어 재사용하고자 할 때 사용하는 문법이다. 함수를 사용하여 코드를 작성하면 유지보수가 간편해지고 

중복 코드를 줄일 수 있으며, 코드재사용성을 증대시킬 수 있다. 또한 가독성이 좋아진다.

함수형태1 - 기본 함수 형태 

함수 외부에서 함수 내부로 전달되는 매개변수가 없고 함수 내부의 정보를 전달하는 리턴값도 없는 구조

함수를 정의하기 위해서는 function 키워드를 먼저 적고 함수 이름을 옆에 적어야 한다. 함수의 이름은 유일해야 하고 만들려는 함수의 기능을 함축한 

의미를 가지도록 하는 것이 좋다. 함수의 기능을 { } 안에 구현한다.

정의된 함수를 호출하기 위해서는 "함수이름()" 형식으로 사용한다.

함수형태2 - 매개변수가 있는 함수

기본 함수 형태에서 매개변수가 추가된 형태

매개변수는 함수 외부에서 함수를 호출하며, 전달해야 하는 값이 있을 때 사용한다. 함수 외부에서 함수 내부로 값을 전달하는 매개체 역할을 수행하며 함수 이름 오른쪽에

( ) 를 이용하여 필요한 매개변수를 지정하여 정의한다. 매개변수의 개수에는 제한이 없다.

매개변수가 있는 함수를 호출하기 위해서는 함수에 정의된 매개변수의 개수에 맞게 전달값을 넣어주어야 한다. 호출방식은 "함수이름(전달값1, 전달값, ...)" 형식으로 사용

한다.

함수형태3 - 리턴값이 있는 함수

리본 함수 형태에서 리턴값이 추가된 형태

리턴값은 함수가 종료되는 시점에 함수를 호출한 함수 외부에 정보를 전달하는 역할을 한다. 매개변수는 함수가 시작되며 값을 전달받는 역할을 한다면 리턴값은 함수가

종료되며 값을 전달해주는 역할을 한다.

또한 함수는 return 코드를 수행하면 함수의 작업을 종료하게 된다. 이를 이용하여 함수를 종료시키고 싶은 시점이 있다면 리턴값이 없더라도 return 구문을 이용해

함수를 종료시킬 수 있다.

함수 이름 주의 사항 

함수 이름을 지울 때 변수명과 마찬가지로 주의 사함을 존재한다.

1. 숫자로 시작하면 안 된다.

2. 대소문자를 구분한다.

3. 키워드를 함수명으로 사용할 수 없다.

4. 함수명은 함수의 기능을 대표할 수 있는 단어를 사용하는 것이 좋다.

5. 일반적으로 함수명은 소문자로 시작하는 동사형식의 단어를 사용한다.

보통 웹에서 자바스크립트를 기본적으로 사용하는 함수 형태는 첫번째로 설명한 기본 함수 형태이다.

다른 형태들은 자바스크립트를 문법적으로 설명하기 위해 사용하는 형태인듯 하다.

자바스크립트를 쓰기위해선 제일 기본적인 함수 형태부터 잘 알아야 한다.