React - ES6 - 변수

React ES6

ES6 이전에는 변수를 정의하는 방법이 var 키워드를 사용하는 방법 한 가지뿐이었다.
변수를 정의하지 않으면 전역 개체에 할당된다.
엄격 모드가 아닌 이상 변수가 정의되지 않으면 오류가 발생한다.

이제 ES6에서는 변수를 정의하는 세 가지 방법이 있다. var, let, const.

var x = 5.6;

기본 예시

hello = () => {
  return "Hello World!";
}

기본 예시

함수 외부에서 var를 사용하는 경우 글로벌 범위에 속한다.

함수 내부에 var를 사용하는 경우 해당 함수에 속한다.

블록 내부의 var, 즉 for loop을 사용하는 경우 변수는 블록 외부에서 여전히 사용할 수 있다.

⭐ var에는 블록 범위가 아닌 함수 범위가 있다.

let x = 5.6;

let는 var의 블록 범위 버전이며 정의된 블록(또는 식)으로 제한된다.

블록 내부의 let을 사용하면 변수는 해당 루프 내부에서만 사용할 수 있다.

⭐ let에는 블록 범위가 있다.

const x = 5.6;

const는 일단 만들어지면 그 값은 절대로 변할 수 없는 변수다.

const에 블록 범위가 있다.

키워드 const는 약간 오해의 소지가 있다.

그것은 상수 값을 정의하지 않는다.
그것은 값에 대한 상수 기준을 정의한다.

할 수 없는 것:

할 수 있는 것:

W3C School - React – React ES6 Variables

Mingg`s Diary

밍구

공부 목적 블로그