[강의정리] JavaScript 기본 - 함수표현식 & 화살표 함수

1. 함수표현식

// 🚀 함수를 값에 담을때는 별도로 함수 이름을 지정하지 않아도 됨
let hello = function () {
  return "안녕하세요 여러분";
};
console.log(hello);
// 결과 :  ƒ hello() {} <constructor>: "Function" ➡️ 함수를 담고있다! 는 뜻!

const helloText = hello();
console.log(helloText); // 안녕하세요 여러분

2. 호이스팅

// 함수 표현식 vs 함수 선언식
// 🚀 호이스팅 : "함수 선언식"으로 만들어진 함수들은 프로그램 시작 전에 최상단으로 끌어올려진다
console.log(helloB()); // 함수 선언식은 호이스팅 🙆‍♀️
console.log(helloA()); // 함수 표현식은 호이스팅 🙅‍♀️

// 함수 표현식 : 변수에 담아서 표현 
let helloA = function () {
  return "안녕하세요 여러분";
};

// 함수 선언식
function helloB() {
  return "안녕하세요 여러분";
}

3. 화살표함수

// 함수 표현식을 화살표 함수로 만들기!
// 🚀 화살표 함수 또한 호이스팅의 대상이 아님!🙅‍♀️
let helloA = () => { // function 을 지워줌!
  return "안녕하세요 여러분";
};
let helloB = () => "안녕하세요 여러분"; // 코드가 한줄정도면 더 간략하게 작성 가능!

console.log(helloA());