자바스크립트 함수 정의 및 호출 형식

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

   

 

 

자바스크립트 함수 정의 /호출 형식

  • 선언적 함수 생성, function statement
  • 익명 함수 생성 (함수 표현식 방식), function expression
  • Function( )생성자 함수

 


 

 

선언적 함수 생성, function statement

함수 리터럴을 이용해 함수를 생성하며 선언적 방식으로 함수 정의 시 반드시 함수명을 정의해야 합니다.

function 함수명 (매개변수명){
코드
return 반환값 // 반환할 값이 있을 경우 지정
}

   

function 함수 리터럴은 function키워드로 시작
함수명 함수 몸체의 내부 코드에서 자신을 재귀적으로 호출하거나 자바스크립트 디버거가 해당 함수를 구분하는 식별자로 사용됩니다.
함수명은 생략 가능 하며 함수명이 없는 함수를 익명함수하고 합니다.
매개변수 기존 언어의 함수 매개변수 형태와 거의 비슷하지만,
매개변수 타입을 기술하지 않는 것이 차이가 있습니다.
(리턴 값과 매개변수로 넘기는 값에 변수 타입을 기술하지 않는다는 점이 큰 차이)
코드 함수 몸체로 실제 함수가 호출됐을 때 실행되는 코드 부분입니다.

   

함수 호출

함수명(매개변수에 전달할 값);

   

 

 

익명 함수 생성 (함수 표현식 방식), function expression

함수 리터럴로 하나의 함수를 만들고, 생성된 함수를 변수로 할당하여 함수를 생성하는 방법으로,

자바스크립트에서는 함수도 하나의 값처럼 취급됩니다.

함수표현식을 사용한 익명함수 생성시 세미콜론(;)을 붙이는 것을 권장합니다.

var 함수변수= function (매개변수명 ) {
코드
return 반환값 // 반환할 값이 있을 경우 지정
};

   

함수 호출

함수변수(매개변수에 전달할 값);

   

 

 

Function( )생성자 함수

일반적으로 자주 사용되지 않으므로 소스 분석 수준으로만 알아두기 바랍니다.

var 함수= new Function (arg1, arg2, arg3,…… argN, functionBody)

arg1, arg2, arg3,…… argN 함수의 매개변수
functionBody 함수가 호출될 때 실행되는 코드를 포함한 문자열

   

함수 호출

함수(매개변수에 전달할 값);

   

   

 

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

가변인자 함수  (0) 2022.01.20
함수의 매개변수  (0) 2022.01.20
자바스크립트 함수 정의/역할  (0) 2022.01.19
ch04-function 자바스크립트 함수관련 강의 맵  (0) 2022.01.18
continue  (0) 2022.01.17