JavaScript 함수를 일반 함수로 호출하는 방법

JavaScript에서 함수를 일반 함수(function)로 호출하는 것은 가장 기본적인 함수 호출 방식입니다. 사용자가 직접 정의한 커스텀 함수를 평소처럼 함수 이름 뒤에 괄호 ()를 붙여 호출하면 됩니다.

기본 개념

JavaScript에서 함수는 여러 가지 방식으로 호출될 수 있습니다. 예를 들어 메서드로서 호출하거나, 생성자로서 호출하거나, call()이나 apply()를 통해 간접적으로 호출할 수도 있습니다. 그중에서도 함수를 단순히 함수로서 호출한다는 것은, 별도의 객체나 컨텍스트 없이 독립적인 형태로 직접 실행하는 것을 의미합니다.

예제 코드

아래 예제는 버튼을 클릭하면 Display() 함수가 호출되어 화면에 텍스트를 출력하는 간단한 코드입니다. 직접 실행해 보면서 함수 호출 방식을 확인해 보세요.

<html>
   <head>
      <script>
         function Display()
         {
            document.write ("Hello World!");
         }
      </script>
   </head>
 
   <body>
      <p>아래 버튼을 클릭하면 함수가 호출됩니다</p>
      <form>
         <input type = "button" onclick = "Display()" value = "Display">
      </form>
   </body>
</html>

코드 설명

위 코드의 동작 원리를 살펴보면 다음과 같습니다.

<script> 태그 안에 Display라는 이름의 함수를 정의합니다. 이 함수는 호출되면 document.write()를 통해 "Hello World!"라는 문구를 화면에 출력합니다.
<body> 영역에는 버튼이 배치되어 있으며, 버튼의 onclick 속성에 Display()가 지정되어 있습니다.
사용자가 버튼을 클릭하면 클릭 이벤트가 발생하고, 이때 Display() 함수가 일반 함수로서 호출되어 실행됩니다.

참고 사항

함수를 함수로 호출할 때 함수 내부의 this 값은 엄격 모드(Strict Mode)에서는 undefined, 비엄격 모드에서는 전역 객체(window)를 가리킵니다. 또한 최신 웹 개발 환경에서는 document.write()보다 console.log()나 DOM 조작 방식(textContent, innerHTML 등)을 사용하는 것이 권장됩니다.