예제를 통해 JavaScript 정의 및 함수 호출

JavaScript에서 함수란 무엇입니까?

함수는 코드를 재사용할 수 있게 만들기 때문에 모든 프로그래밍 언어에서 매우 중요하고 유용합니다. 함수는 호출되는 경우에만 실행되는 코드 블록입니다. 여러 번 사용해야 하는 몇 줄의 코드가 있는 경우 반복되는 코드 줄을 포함하는 함수를 만든 다음 원하는 곳 어디에서나 함수를 호출할 수 있습니다.

JavaScript에서 함수를 만드는 방법

  1. 키워드 사용 기능 그 뒤에 함수 이름이 옵니다.
  2. 함수 이름 뒤에 괄호를 열고 닫습니다.
  3. 괄호 뒤에는 중괄호를 열고 닫습니다.
  4. 중괄호 안에 코드를 작성하십시오.

구문 :

function functionname()
{

  lines of code to be executed

}

직접 시도해 보세요.

<html>
<head>
	<title>Functions!!!</title>
	<script type="text/javascript">
      function myFunction()
      {
      	document.write("This is a simple function.<br />");
      }
		myFunction();
	</script>
</head>
<body>
</body>
</html>

인수가 있는 함수

인수를 사용하여 함수를 만들 수도 있습니다. 인수는 괄호 안에 지정해야 합니다.

구문 :

function functionname(arg1, arg2)

{

  lines of code to be executed

}

직접 시도해 보세요.

<html>
<head>
	<script type="text/javascript">
		var count = 0;
		function countVowels(name)
		{
			for (var i=0;i<name.length;i++)
			{
              if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
              count = count + 1;
			}
		document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
		}
   	 	var myName = prompt("Please enter your name");
    	countVowels(myName);
	</script>
</head>
<body>
</body>
</html>

자바스크립트 반환 값

값을 반환하는 JS 함수를 만들 수도 있습니다. 함수 내에서 키워드를 사용해야 합니다. 반환 그 뒤에 반환할 값이 옵니다.

구문 :

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

직접 시도해 보세요.

<html>
<head>
	<script type="text/javascript">
		function returnSum(first, second)
        {
          var sum = first + second;
          return sum;
        }
      var firstNo = 78;
      var secondNo = 22;
      document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
	</script>
</head>
<body>
</body>
</html>