여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. React - ES6 - 변수
React – ES6 – 변수
4개월전 작성
5개월전 수정

React ES6

변수

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

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

예제 – var
var x = 5.6;
기본 예시
예제 보기
예제 with 화살표 함수
hello = () => {
  return "Hello World!";
}
기본 예시
예제 보기

 

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

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

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

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

예제 – let
let x = 5.6;

 

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

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

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

예제 – const
const x = 5.6;

 

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

const에 블록 범위가 있다.

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

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

 

할 수 없는 것:

  • 상수 값 재할당
  • 상수 배열 재할당
  • 상수 객체 재할당

 

할 수 있는 것:

  • 상수 배열 요소 변경
  • 상수 객체의 속성 변경
참고
Mingg`s Diary
밍구
공부 목적 블로그