TIL 2 - JavaScript (var, let, const)

chachacha·2021년 3월 17일
1

JavaScript

목록 보기
1/8
post-thumbnail

Variables

JavaScript의 다양한 종류의 변수를 이해하기전 변수에 대해 알아보자.

  • 자바스크립트에서 변수는 일종의 정보를 담을수 있는 일종의 박스라고 생각하자
  • 변수를 사용하면 여러 위치에서 동일한 값을 사용할 수 있으므로 코드를 재사용 할 수있음
  • 똑같은 코드를 여러번 쳐야하는 반복적인 일을 줄일수 있음

1. var, let

  • var는 JavaScript의 ES6 이전 버전에서만 사용됩니다.
  • let는 JavaScript의 ES6 버전에서 추가됐음.
  • mutable - data type이 변경이 가능함

JavaScript에서 var, let을 이용해 변수로 선언하는 동시에 값을 부여할 수 있습니다.

✍ example

var name; // 변수에 name을 선언. undefined.
var name = 'chris'; // 변수에 name을 선언함과 동시에 'chris'를 할당.

프로그래밍 언어에서는 변수를 선언하고 값을 할당하는게 정상임. 하지만 var은 변수를 선언하기도 전에 값을 할당할수 있음.

✍ example

console.log(age); // undefined. 변수는 정해져있지만 값이 정해져 있지 않음.
age = 5;
이것을 var hoisting이라고 하는데 어디에 선언했냐에 상관없이 항상 제일 위로 선언을 끌어 올려주는것을 뜻함.

var hoisting 때문에 항상 var 대신 let을 이용해 변수를 선언하고 값을 할당하는것을 추천함.

2. const

  • immutable - data type이 변경이 불가능함!
  • 1. 보안상의 이유로 const로 변수를 선언할 수 있음.
  • 2. 동시에 thread의 값을 변경하는것을 막을 수 있음.
  • 3. 값이 변경이 불가하기 때문에 인간의 실수를 막을 수 있음.

Constants는 값을 선언함과 동시에 할당 한뒤로는 절대 값을 변경할 수 없음.

✍ example

const daysInWeek = 7;
const weeksInYear = 52;
위 같이 절대로 바뀌어서는 안되는 값을 선언하고 할당 할때는 const를 쓰는것을 추천!

2개의 댓글

comment-user-thumbnail
2021년 3월 21일

세 변수의 차이 .. 🤔 잘봤습니다 원영님 !!

1개의 답글