함수정의 함수선언,함수호출
함수 선언을 위해 funciton을 적은후 함수의 이름을 적어 줍니다. 그리고 괄호를 열고 닫고 그 후 대괄호를 열고 닫고 해주며 대괄호 안에 실행할 명령문들을 적습니다.
예를 들어 함수의 이름을 poly라고 해봅시다.
function poly(){
}
위와 같이 function 후에 poly를 적고 괄호를 열고 닫고 그후 대괄호를 열고 닫고 합니다. 그럼 poly라는 함수가 생성된것입니다.
함수를 생성을 했는데 위와 같이 실행을 한다면 과연 실행이 될까요. 안됩니다. 함수를 따로 호출을 해야 하는데요 함수를 호출할때는 함수명(); 입니다.
함수 호출
함수명();
예를 들어 위와 같이 poly라는 함수를 만들었다면
poly(); <== 입니다.
소스를 통하여 테스트 해봅시다.
우선 함수를 만들어 봅시다. 함수는 hello world를 출력하는 함수 입니다.
function hello(){
document.write("Hello world");
}
아래의 소스는 함수는 만들었으나 함수를 호출하는 코드는 없습니다. 결과를 통하여 한번 체험 해보세요. 결과가 아무것도 안나오면 정상입니다.
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function hello(){
document.write("Hello world");
}
</script>
</head>
<body>
</body>
</html>
우선 함수를 만들어 봅시다. 함수는 hello world를 출력하는 함수 입니다.
function hello(){
document.write("Hello world");
}
아래의 소스는 함수는 만들었으나 함수를 호출하는 코드는 없습니다. 결과를 통하여 한번 체험 해보세요. 결과가 아무것도 안나오면 정상입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function hello(){
document.write("Hello world");
}
</script>
</head>
<body>
</body>
</html>
이 예제 실행 & 수정
위의 소스를 타이핑 해보시거나 이 소스를 웹에서 보기 버튼을 눌러 테스트를 해보시면 결과 화면에 아무것도 안나오는 것을 알 수 있습니다.
그럼 다음의 함수 호출문을 사용하여 결과를 확인해 봅시다.
hello();
위의 소스는 hello라는 함수를 호출하는 함수 입니다. 그럼hello라는 함수가 호출되므로 hello함수 안에 있는 출력문이 실행합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function hello(){
document.write("Hello world");
}
hello();
</script>
</head>
<body>
</body>
</html>
위 소스의 결과를 보면 hello함수가 작동하여 hello world라는 문구가 출력하는 것을 볼 수 있습니다.
'홈페이지제작 > Javascript' 카테고리의 다른 글
| [자바스크립트] if 조건문 활용예문 (0) | 2017.09.09 |
|---|---|
| [자바스크립트] 연사자(논리,증감,관계,조건연산자)응용연습 (0) | 2017.09.09 |
| JavaScript 변수명 선언 규칙 (0) | 2017.09.08 |
| [자바스크립트] JavaScript 변수에 대한 설명 2 (0) | 2017.09.08 |
| [자바스크립트] 변수에 대한 설명 1 (0) | 2017.09.08 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.