2015. 9. 1. 14:14
자바스크립트 함수
먼저 자바스크립트의 문법 용어 이해가 필요하다.
자바스크립트 함수는 메서드와 기능이 비슷하다.
키워드 함수이름( 파라미터){
실행한 코드
}
1. 먼저 함수를 정의한다. - 코딩1
2. 함수 정의 안에 호출을 가정한 반환 코딩이 있어야 한다 - 코딩2
3. 함수를 호출하는 코드가 있어야 한다. - 코딩3
4. "나는 함수를 실행한 결과가 웹페이지 또는 대화상장에 표시되는 것을 염두해두고 코딩한다" "그러므로 메서드(명령문)을 사용해야 한다" 화면에 함수가 실행된 결과물이 표시된다. - 결과
자바스크립트 함수는 메서드(명령)과 유사하다.
예를 들면 alert() 메서드를 사용하면 경고창이 뜬다.
alert() 메서드는 원인이고 경고창은 그 결과인 셈이다.
이처럼 함수를 정의하여 사용하면 메서드처럼 특정 결과물을 만들어 낼 수 있다.
그리고 한번 만들어 놓은 함수는 여러 곳에서 재사용할 수 있다.
함수 문법 : 키워드, 함수이름, 파라미터, 반환, 호출
먼저 초간단 예제를 가지고 문법을 풀이해 보자.
아래 예제는 html에 javascript를 삽입하여 두 숫자를 더한 값을 구하는 코딩이다.
아래 풀이를 읽기전에 문법 용어를 먼저 알아야 한다.
이 포스팅을 참조
<script>
function fname(a, b){
return a + b;
}
document.write(fname(2, 5));
</script>
1. function 키워드를 사용 한다.(여기서 부터 함수를 말하겠다는 의미)
2. fname이 함수이름이다.
3. 소괄호 안에 파라미터를 넣는다.(매개변수)
4. 중괄호 안에 fname이라는 함수를 정의 한다. 매개변수a 와 매개변수b를 더하기 하여 그 값을 함수를 호출한 곳에 갖다 놓겠다고 정의하였다. return은 계산을 거쳐 함수를 호출한 곳으로 반환한다는 뜻. 매개변수는 가상인수.
5. document 오브젝트를 선택하고 write()매서드를 사용하여 웹페이지에 결과물을 표시하겠다는 뜻이다. 소괄고 안에서는 매서드의 값으로 함수이름과 함수에 들어갈 실제인수 2와 3을 표기하였다. 이것이 함수 호출이다. 형식이 매서드안에 매서드를 집어넣은 것과 유사하다.
Comments, Trackbacks