Computer/JavaScript

함수 표현식 & 화살표 함수

dusco01 2023. 11. 22. 20:46
  • 함수를 값처럼 취급해서 변수에 담아서 사용하는 방식

ex) let hello = function ()

함수를 값에 담을 때는 이름 지정 안 해도 됨

{
return “안녕하세요 여러분”;
};

console.log(hello);
‘’>‘’ f hello() {}
constructor>: “Function”
// 함수를 담고 있다

const helloText = hello();
console.log(helloText);

안녕하세요 여러분

함수 선언식과 함수 표현식의 차이

ex) console.log(helloB());

안녕하세요 여러분

  • 아래에서 선언한 것을 위에서 출력해도 되는지? = 호이스팅
  • 코드 실행 전에 위로 올려줌

console.log(helloA());

error
호이스팅이 일어나지 않음

let helloA = function()
{
return “안녕하세요 여러분”;
}; // 함수 표현식

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

화살표 함수

ex) let helloA = () => {
return “안녕하세요 여러분”;
}; // 화살표 함수

또는

let helloA = () => “안녕하세요 여러분”;

console.log(helloA());

호이스팅의 대상이 아님