1976s

다음은 함수를 정의하는 여러가지 방법에 대한 예시입니다.

사각형의 너비를 구하는 함수를 여러가지 방법으로 정의하였습니다.

 

 

함수 선언문과 함수 표현식

// 함수 선언식
function getQuadrangle(width, height) {
  return width * height;
};
// 함수 표현식
const getQuadrangle = function(width, height) {
  return width * height;
};

함수 선언문은 어디서든 호출이 가능합니다.

getQuadrangle();가 밑에 있든 위에 있든 상관없이 실행됩니다.

 

js는 인터프리터(위에서 아래로 실행) 언어로 js 자체 알고리즘 때문입니다.

일단 함수를 탐색해서 찾아놓고 적용시킴니다 → 호이스팅

 

vs

 

반면 함수 표현식은 코드를 만나야지만 생성, 사용가능해집니다.

함수선언문이 더 자유롭고 편하긴 합니다.

 

화살표 함수

// 함수 표현식 - 화살표 함수
const getQuadrangle = (width, height) => {
  return width * height;
};
// 함수 표현식 - 화살표 함수 (생략형)
//
//ES6 문법으로 새로 도입되었다.
//(함수 표현식을 화살표 함수로 표현할 수도 있다.)
//만약 함수의 본문(body)에 return만 있는 경우
//화살표 함수는 return과 {}를 생략할 수 있다. 단, 같이 생략해야한다.
//그리고 return문에서 소괄호는 사용가능하다.
const getQuadrangle = (width, height) => width * height;

function 빼고 뒤에 => 에 씁니다. 나머지는 위 코드란에 적었습니다.