JavaScript 강좌 | 함수 선언하고 호출하기

함수 선언하기

자바스크립트에서 함수를 선언하는 방법은 여러 가지가 있습니다. 그 중 가장 대표적인 방법은 다음과 같이 하는 것입니다.

function functionName( argument1, argument2, ... ) {
  // Do something
}

함수 호출하기

함수 호출은 다음과 같이 합니다.

functionName( value1, value2, ... );

예제 1

다음은 함수를 선언하고 호출하는 간단한 예제입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>JavaScript</title>
    <style>
      h1 {
        font-family: Georgia;
        font-style: italic;
      }
      h1 span {
        color: #2196f3;
      }
    </style>
    <script>
      function jbFunc( jbName, jbJob ) {
        document.write( '<h1>My name is <span>' + jbName + '</span>. I am a <span>' + jbJob + '</span>.</h1>' );
      }
    </script>
  </head>
  <body>
    <script>
      jbFunc( 'John', 'student' );
      jbFunc( 'John' );
      jbFunc( 'John', 'student', 'male' );
    </script>
  </body>
</html>

결과는 다음과 같습니다.

첫번째 줄은 인자의 개수와 값의 개수가 같습니다. 아무런 문제 없이 출력됩니다.

두번째 줄은 인자는 두 개이나 값은 한 개입니다. 값이 없는 인자는 undefined를 반환합니다.

세번째 줄은 인자는 두 개이나 값이 세 개입니다. 인자보다 많은 값은 무시됩니다.

Created on 2016-11-23 23:46 | Updated on 2016-11-23 23:48

이 글을 공유하기

Kakao

Book navigation