자바스크립트 함수 정의방법2 - 함수표현식 사용하기

 

자바스크립트 함수정의 방법 두번째  함수 표현식 으로 함수를 정의 한다.

Syntax 는 아래와 같다.

const 변수명 = function 함수명(){ 

구현코드

}

const 변수명 = function(){

구현 코드

}

함수 호출은 변수명(); 으로 가능하다.

자바 와 C 언어와는 조금 다른 방법을 가진다. 자바스크립트 만의 특성이라 생각한다.

위 Syntax 가 가능한 이유는, 자바스크립트에서 함수는 객체의 파생 자료형 이다.

그리고 자바스크립트 에서는 자료형을 변수에 담을 수 있다.

그렇기에 함수 역시 변수에 할당 할 수 있는 것이다.

함수명이 있는 타입은 네이밍 함수라고 표현하고, 함수명이 없는 타입은 익명함수 라고 한다.

예제를 만들어본다.

먼저 네이밍함수 를 변수에 담는다. 

변수(); 를 통해 함수를 호출한다. 결과는 1부터 10까지의 더함을 반환 한다.

  let result=0;

  const sum = function sumFucntion(){

      for(let i = 1; i < 10 ; i++){

        result = result + i;

      }

      console.log(`result is ${result}`);

    }

    sum();

네이밍 함수에서 주의 할점은

sumFunction() 함수선언 방법처럼 함수를 호출을 하면 오류가 발생한다.

반드시 변수명(); 으로 호출해야 된다. 이는 자바스크립트의 규칙이므로 익숙해 지자.

다음은 익명 함수 이다.

함수의 이름만 없을뿐 동일한 구현과 호출 방식을 가진다.

//익명 이름이 없는 함수라고 호출이 가능하다.

let result2= 0;

const sum2 = function(){

      for(let i = 0; i < 10 ; i++){

        result2 = result2 + i;

      }

      console.log(`result2 is ${result2}`);

    };

sum2();

함수표현식 으로 네이밍 함수 와 익명 함수를 만들고 정리해본다

감사합니다.