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());
호이스팅의 대상이 아님