Home
JavaScript

함수 선언하고 호출하는 방법

함수 선언하고 호출하는 몇 가지 방법에 대해 알려드리겠습니다.

함수 선언하기

방법 1

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

 

방법 2

var functionName = function( argument1, argument2, ... ) {
  // Do Something
}

 

함수 호출하기

functionName( value1, value2, ... );
  • 방법 1로 함수를 선언한 경우, 함수 호출은 함수 선언 전 또는 함수 선언 후에 할 수 있습니다. 
functionName( value1, value2, ... );
function functionName( argument1, argument2, ... ) {
  // Do Something
}
function functionName( argument1, argument2, ... ) {
  // Do Something
}
functionName( value1, value2, ... );

 

  • 방법 2로 함수를 선언한 경우, 함수 호출은 함수 선언 후에 해야 합니다.
var functionName = function( argument1, argument2, ... ) {
  // Do Something
}
functionName( value1, value2, ... );

 

예제 1

Hello World!를 출력하는 예제입니다. 방법 1로 함수를 선언하고 호출합니다.

function Function() {
  document.write( '<p>Hello World!</p>' );
}
Function();

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

 

예제 2

Hello World!를 출력하는 예제입니다. 방법 2로 함수를 선언하고 호출합니다.

var Function = function() {
  document.write( '<p>Hello World!</p>' );
};
Function();

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

 

예제 3

인자를 사용하는 함수 예제입니다.

  • 인자의 개수와 값의 개수가 같으면 아무런 문제 없이 출력됩니다.
  • 값이 인자보다 적으면 값이 없는 인자는 undefined를 반환합니다.
  • 값이 인자보다 많으면 인자보다 많은 값은 무시됩니다.
h3 span {
  color: #2196f3;
}
function Function( Name, Job ) {
  document.write( '<h3>My name is <span>' + Name + '</span>. I am a <span>' + Job + '</span>.</h3>' );
}
Function( 'John', 'student' );
Function( 'John' );
Function( 'John', 'student', 'male' );

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

Post a Comment