[javascript] let과 const의 사용 예시

18 Dec 2023

javascript

ES6에서 도입된 let과 const는 변수를 선언하는 새로운 키워드입니다. 이전에는 var 키워드를 사용하여 변수를 선언했지만, let과 const는 변수를 더욱 명확하게 다루는 데 도움이 됩니다. 여기에서는 각각의 사용 예시를 살펴보겠습니다.

let

let은 재할당이 가능한 변수를 선언할 때 사용됩니다.

let count = 0;
count = 1; // 값을 재할당할 수 있음

또한, let을 사용하면 블록 스코프 변수를 선언할 수 있습니다.

function updateCount(isIncrement) {
  if (isIncrement) {
    let count = 0; // 블록 내부에서만 유효한 변수
    count++;
    console.log(count); // 1
  }
  console.log(count); // ReferenceError: count is not defined
}

const

const는 재할당이 불가능한(상수) 변수를 선언할 때 사용됩니다.

const pi = 3.1415;
pi = 3; // TypeError: Assignment to constant variable.

특히, const는 객체나 배열을 선언할 때 해당 객체나 배열의 내부 속성을 변경하는 것을 방지해주기 때문에 더욱 안전합니다.

const person = {
  name: "Alice",
  age: 30
};

person.age = 31; // 변경 가능

person = { // TypeError: Assignment to constant variable.
  name: "Bob",
  age: 25
};

let과 const를 사용하여 변수를 선언하면 코드의 가독성을 높이고 의도치 않은 버그를 방지할 수 있습니다. 새로운 프로젝트를 시작하거나 기존의 코드를 업데이트할 때, 이러한 키워드를 적극적으로 활용하여 안전하고 확장 가능한 코드를 작성하는 데 도움이 될 것입니다.

let

const

참고 자료