JavaScript&TypeScript

[JS] var, let, const

5kiran 2023. 2. 7.
반응형

var

var은 ES5 이전부터 사용되던 변수 선언 방법입니다. 

var로 선언한 변수는 함수 스코프(Function Scope)를 가집니다. 

이는 해당 변수가 선언된 함수 내에서만 유효하며, 함수 외부에서는 접근할 수 없습니다. 

또한, 중복 선언이 가능하며, 변수를 재할당할 수 있습니다.

var x = 10;
var x = 20; // 중복 선언 가능

function example() {
  var x = 30;
  console.log(x); // 30
}

example();
console.log(x); // 10

let, const

let과 const는 ES6에서 새로 도입된 변수 선언 방법입니다. 

let과 const로 선언한 변수는 블록 스코프(Block Scope)를 가집니다. 

이는 해당 변수가 선언된 블록 내에서만 유효하며, 블록 외부에서는 접근할 수 없습니다.

또한, 중복 선언이 불가능합니다.

let으로 선언한 변수는 변수를 재할당할 수 있지만, const로 선언한 변수는 변수를 재할당할 수 없습니다.

let x = 10;
let x = 20; // SyntaxError: Identifier 'x' has already been declared

function example() {
  let x = 30;
  if (true) {
    let x = 40;
    console.log(x); // 40
  }
  console.log(x); // 30
}

example();

const y = 50;
y = 60; // TypeError: Assignment to constant variable.
반응형

'JavaScript&TypeScript' 카테고리의 다른 글

[JS] Hoisting  (0) 2023.02.17
[JS] Promise  (0) 2023.02.12
TypeScript 과제  (0) 2023.01.30
TypeScript Generic 사용해보기  (0) 2023.01.27
TypeScript 미리 써보는 공식사이트  (0) 2023.01.27

댓글