JavaScript 함수2

함수표현식

함수 선언식과 다르게 함수표현식은 함수를 변수에 담아서 사용합니다.

let a = function() {
 return "helloworld"; 
};
const hello = a();
console.log(hello); // helloworld

이처럼 함수 표현식은 이름이 없도록 만들어 변수에 담아서 사용하는 방식입니다.

console.log(b);

let a = function () {
  return "hi bar"; // 함수 표현식
};

function b() {
  return " hello"; // 함수 선언식
};

함수선언식 - 호이스팅에 의해 코드에 최상단에 위치함
함수표현식 - 함수선언식과 다르게 표현식은 호이스팅이 적용되지 않아 위 코드처럼 설계 되어 있다면 출력되지 않습니다.

화살표 함수

위에서 말한 함수 표현식을 조금 더 간략하게 사용하기 위해 만들어진 함수입니다.

let a = () => {
  return "hi bar";
};
let b = () => "hello";
console.log(a()); // hi bar
console.log(b()); // hello

화살표 함수를 사용하여 function 을 생략하고 화살표를 이용하여 좀 더 간력하게 함수 표현식을 사용할 수 있습니다.
a 함수와 같이 리턴값으로 하나의 값만 받아온다면 b함수와 같이 표현해도 됩니다.