Programming Study/JavaScript

[JS 기초 Day 4] 함수 표현식, 화살표 함수

myejinni 2022. 3. 22. 14:57

함수 선언문: 어디서든 호출 가능

자바스크립트는 인터프리터 언어임!

 

*인터프리터 언어: 위에서 아래로 순차적으로 읽으며 실행됨

 

sayHello();

function sayHello(){
  console.log('Hello');
}

근데 위의 코드는 실행됨 // 결과=Hello

 

어떻게?

 

자바스크립트 내부 알고리즘에 의해,

실행 전 코드의 모든 함수 선언문을 찾아 생성해 둠

-> 호이스팅(hoisting)이라 함

 


 

함수 표현식: 코드에 도달하면 생성

한 줄씩 읽으면서 실행하고 해당 코드에 도달했을 때 비로소 생성

-> 생성 이후에만 사용 가능

 

let sayHello=function(){
  console.log('Hello');
}

sayHello();

// 결과=Hello

 

함수 선언문을 사용하는게 더 자유롭고 편할 수 있음

 


 

화살표 함수(arrow function)

 

//함수 선언문

showError();

function showError(){
  console.log('error');
}

 

//화살표 함수

let showError = () => {
  console.log("error");
}

showError();


var sayyo = () => console.log("yo");

sayyo();