[Javascript] 함수의 생성

 

Javascript 함수 생성 방법

 

- 함수 선언문 방식

- 함수 표현식 방식

- Function() 생성자 함수

 

 

1. 함수 선언문 방식

 

// add 함수 선언문
function add(x, y) {
    return x + y;
}

console.log(add(3,4)); // 7

 

2. 함수 표현식 방식

 

1. 익명 함수 표현식
   
   

   // add 함수 표현식
   var add = function (x, y) {
       return x + y;
   };
   
   var plus = add;
   
   console.log(add(3, 4)); // 7
   console.log(plus(3, 4)); // 7

2. 기명 함수 표현식
   
   
3. // add 함수 표현식
   var add = function sum(x, y) {
   return x + y;
   };
   
   console.log(add(3, 4)); // 7
   console.log(sum(3, 4)); // Uncaught ReferenceError : sum is not defined 에러 발생

 

 함수 표현식에서 사용된 함수 이름이 외부 코드에서 접근 불가능 하기 때문에 sum()호출 부분에서는 에러가 난다.

 

3. Function() 생성자 함수 방식

 

var add = new Function('x', 'y', 'return x + y');
console.log(add(3, 4)); // 7

 이 방식은 자주 사용되는 방식은 아니다.

 

 

 

 

 

 

참조 저서 : 송형주, 고현준, 인사이드 자바스크립트, 한빛미디어, 72쪽