함수표현식 & 화살표함수

Hoo·2023년 3월 18일
0

함수표현식

  • 함수를 변수에 담아서 사용하는 방법을 함수표현식이라고 한다.
  • 함수를 값에 담을땐 함수명을 지정하지않아도 된다.

함수표현식 사용법

let hello = function(){
  return "안녕하세요 여러분"
}

let helloTxt = hello();

console.log(helloTxt); 

결과값 : 안녕하세요 여러분

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

아래 두 예제가 있다.

console.log(helloB()); // 호이스팅영향으로 실행됨
console.log(helloA()); // TypeError: helloA is not a function 실행안됨

//함수표현식방법
let helloA = function(){
  return "안녕하세요 여러분A"
} 

console.log(helloA()) -> 실행됨 

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

함수 선언식은 호이스팅에 영향을 받지만, 함수 표현식은 호이스팅에 영향을 받지 않는다.

함수 선언식은 코드를 구현한 위치와 관계없이 호이스팅되어 브라우저가 자바스크립트를 해석할 때 맨 위로 끌어 올려진다.

이러한 이유로 함수 선언식은 코드가 실행되기 전에 로드되지만, 함수 표현식은 해당 코드 줄에 도달할 때만 로드된다.

화살표 함수 사용법

let helloA => {
  return "안녕하세요 여러분A"
} 

제대로 된 이해후 업데이트

profile
기록하는중입니다.

0개의 댓글