함수 안에는 계산식을 넣어도 되고 필요하신 명령문을 작성하시면 됩니다. ^^
그럼 이번엔 5+3을 수행하는 함수를 만들어 봅시다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function add(){
add = 5+3;
document.write(add);
}
add();
</script>
</head>
<body>
</body>
</html>
그럼 이번엔 24+10을 수행하는 함수를 만들어 봅시다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function add(){
$add = 24+10;
document.write($add);
}
add();
</script>
</head>
<body>
</body>
</html>
위 같이 5+3을 계산하는 함수를 만들어봤고 24+10을 하는 함수도 만들어 봤습니다. 이렇게 같은 더하기 기능을 하는데 더하는 숫자가 다르다고 해서 함수를 또 만들거나 하면 함수를 만드는 의미가 없습니다.
이것을 설명하기 위해서 같은 기능을 함수를 갖는 예제 소스를 2번 만들어봤습니다.
그럼 위와 같이 같은 기능을 하는데 입력값이 다른 경우는 어떤 방법을 사용해야 할까요? 바로 함수를 호출 할때 값도 같이 보내서 호출 하는 방법이 있습니다.
즉, 24+10을 한다고 하면 더하기 기능은 함수에 지정 해두고 24와 10을 함수 호출시에 보내면 됩니다. 그 방법은 함수를 호출 할때에 아래와 같이 괄호 안에 값을 적어 줍니다.
add(24,10);
위와 같이 함수를 호출 하면 함수 호출 시에 24와 10이 add함수에 넘어 가게 되며 24 와 10은 계산식에 의해 합이 계산되고 출력문에 의해 계산된 값이 출력 됩니다.
그렇다면 위와 같이 함수를 호출 할때 값을 보내준다면 함수를 만들때는 어떻게 해야 할까요?
보내주는 수만큼 함수의 괄호 안에 변수를 넣어 주면 됩니다. 즉 24는 a라는 변수에 넣고 10은 b라는 변수에 넣기 위해서
JavaScript
function add(a,b){
}
위와 같이 선언을 해주면 됩니다. 위에 있는 a, b는 파라미터(매개변수)라고 부릅니다.
그러면 24는 a의 값이 10은 b의 값이 됩니다.
실제 예문을 통해 알아 봅시다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function add(a,b){
add = a+b;
document.write(add);
}
add(24,10);
</script>
</head>
<body>
</body>
</html>
나중에 규모가큰 작업을 한다면 소스의 재활용성이 높아져서 편리하게 사용하실수 있습니다.
숫자외에도 문자열도 되고 하니 테스트 해보시기 바랍니다.
function string_output(str){
document.write(str);
}
string_output("함수에 들어가서 저는 출력 될게요.");
예제 소스로 본다면,
결과가 잘 나오시죠 ?
아참 그리고 좋은 정보 하나 알려 드리겠습니다. 요즈음 많은 분들이 하고 있는 투잡입니다.
투잡(재택알바/부업)을 원하신다면 제가 도와드릴 수 있습니다. 우선 상담을 받아보세요
[여기]를 누르시고 이름과 연락처로 상담신청을 하시면 자세히 설명을 받으실 수 있습니다.
그리고 그곳 저의 홈페이지 오른쪽에 보시면 전화번호가 있으니 연락주세요 감사합니다.
'홈페이지제작 > Javascript' 카테고리의 다른 글
| [프로그래밍] 재귀 함수 /함수 안에서 자신의 함수를 호출 하는 것 (0) | 2017.09.28 |
|---|---|
| [프로그래밍] return은 값을 반환하는 명령어 (0) | 2017.09.27 |
| [자바스크립트] 함수만들기 (0) | 2017.09.24 |
| [자바스크립트] confirm()함수는 Boolean타입의 값을 반환 (0) | 2017.09.23 |
| JavaScript switch 문에 대하여 (0) | 2017.09.10 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.