[TIL] 2020-03-23

[ groomdue ]

웹 표준 사이트 만들기(2019) 레이아웃 07강까지 수강

1분 코딩 - 자바스크립트 Part2 강좌 수강

 

[ 배운 내용 ]

 

[ HTML ]

- 기존에 사용하는 홈페이지를 마크업 하는 과정을 따라서 코딩함.

 

[ JavaScript ]

var, let, const

var는 ES2015(ES6) 이전부터 사용되었고, let과 const는 ES6에서 등장했다. 

var

- 함수 스코프를 사용하며 재할당, 재선언 모두 가능하다.

var testVar = 1;
console.log(testVar); // 1

testVar = 2;
console.log(testVar); // 2

var testVar = '1';
console.log(testVar); // '1'

- undefiend로 초기화되어 호이스팅된다.

console.log(testVar); // undefiend
var testVar = 1;
console.log(testVar); // 1

하지만, undefiend로 값이 자동 초기화되는 var와 달리 let, const는 초기 값이 설정되지 않는다.

따라서, let과 const의 경우 변수 값이 선언되고 난 후에야 실제 변수 사용이 가능하며

그 이전에는 ReferenceError를 발생시킨다.

 

let

- 블록 스코프를 사용하며 재할당이 가능하고 재선언은 불가능하다.

let testLet = 1;
console.log(testLet); // 1

testVar = 2;
console.log(testLet); // 2

let testVar = '1';
console.log(testLet); // Uncaught SyntaxError: Identifier 'testVar' has already been declared

 

const

- 블록 스코프를 사용하며 재선언, 재할당 모두 불가능하다.

const testConst = 1;
console.log(testConst); // 1

testVar = 2;
console.log(testConst); // Uncaught TypeError: Assignment to constant variable.

const testVar = '1';
console.log(testConst); // Identifier 'testVar' has already been declared