자바스크립트 함수선언문, 함수표현식, 화살표함수 비교

 

(예시) 함수선언문은 어디서든 호출이 가능하다.

 

함수 선언문 : 어디서든 호출가능(자바스크립트에서 미리 모든 함수를 실행 해놓기 때문에)

function add(num1, num2){

   return num1 + num2 ;

}

 

함수 표현식 : 해당 코드에 도달하면 생성

let add = function (num1, num2) {

   return num1 + num2 ;

}

 

화살표 함수 : 자신만의 this를 갖지 않는다. 화살표 함수 내부에서 this를 사용한다면 외부에서 값을 가져온 것임.

let add = (num1, num2) => {

   return num1 + num2 ;

}

 

let add = (num1, num2) => (

   num1 + num2 ;                      //리턴문이 한줄이면 이렇게 쓸 수 있음1

)

 

let add = (num1, num2) => num1 + num2 ; //리턴문이 한줄이면 이렇게 쓸 수 있음2

 

let Hello = name => `Hello, ${name}`;  //매개변수가 하나이면 이렇게 쓸 수 있음