본문 바로가기

WEB_TECH/javascript

자바스크립트 함수 Function

자바스크립트 함수

함수는 실행하라고 말하면 실행되는 코드들의 모음입니다.

이벤트가 발생하거나 버튼을 클릭하거나 스크립트안에 호출하거나 또다른 함수에  호출하는 식으로

만들수 있습니다.


함수 만드는 법


function{

실행문

}



Argument가 있는 함수호출


함수를 호출할때 Argument 또는 parameter라고 하는 값을 사용해서 호출할 수 있습니다.

이런 아규먼트들은 함수내에서 사용되죠.

만드는법

function myFunction(var1,var2){

실행문

}


<!DOCTYPE html>

<html>

<body>


<p>Click the button to call a function with arguments</p>


<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>


<script type="text/javascript">

function myFunction(name,job)

{

alert("Welcome " + name + ", the " + job);

}

</script>


</body>

</html>



리턴값이 있는 함수

때로는 함수가 호출이 이루어졌을 때 어떤 값을 반환하도록 만들수 있습니다.

이때 유용하게 사용되는 것이 return문입니다.

이런 식으로 사용하면 됩니다.


function myFunction()

{

var x=5;

return x;

}

이 함수는 5를 리턴합니다.

예제
<!DOCTYPE html>
<html>
<body>

<p>This example calls a function which perfoms a calculation, and returns the result:</p>

<p id="demo"></p>

<script type="text/javascript">
function myFunction(a,b)
{
  return a*b;
}

document.getElementById("demo").innerHTML=myFunction(4,3);
</script>

</body>
</html>

'WEB_TECH > javascript' 카테고리의 다른 글

자바스크립트 디버깅  (0) 2012.10.18
String객체  (0) 2012.09.13
javascript 객체기반언어  (0) 2012.08.17
Try...Catch 구문  (0) 2012.08.17
이벤트  (0) 2012.08.17
pop up boxes  (0) 2012.08.17
반복문  (0) 2012.08.17
조건문  (0) 2012.08.17
연산자  (0) 2012.08.17
자바스크립트 어떻게 작성할까요?  (0) 2012.08.17