[javascript] let, const를 사용한 코드의 가독성 및 유지보수성

[javascript] let, const를 사용한 코드의 가독성 및 유지보수성

18 Dec 2023

javascript

ES6(ES2015) 이후에 도입된 let과 const 키워드는 JavaScript 코드를 작성할 때 변수를 선언하는 새로운 방법을 제공합니다. 이러한 키워드를 사용하는 것이 코드의 가독성과 유지보수성을 향상시킬 수 있는 이유에 대해 알아봅시다.

let과 const의 소개

let: 블록 범위 지역 변수를 선언하는 데 사용됩니다. 변수의 값을 다시 할당할 수 있습니다.
const: 블록 범위 상수를 선언하는 데 사용됩니다. 값을 다시 할당할 수 없습니다.

가독성 향상

let와 const를 사용하면 코드의 가독성이 향상됩니다. 변수의 범위와 변이성이 명확하게 드러나기 때문에 코드를 읽는 사람이 변수의 사용 방식을 쉽게 이해할 수 있습니다.

// 가독성이 높아진 예시
let count = 0;
if (isValid) {
  count = 1;
} else {
  count = 2;
}

// 더 좋은 가독성을 가진 예시 (코드 수정 예시)
const defaultCount = 0;
let count = defaultCount;
if (isValid) {
  count = 1;
} else {
  count = 2;
}

유지보수성 향상

let와 const를 사용하면 코드의 유지보수성이 향상됩니다. 변수가 재할당되지 않거나 상수로 선언되었기 때문에 코드의 부작용을 최소화하고 예기치 않은 변수 변이로 인한 오류를 줄일 수 있습니다.

// 유지보수성이 향상된 예시
const taxRate = 0.1;
let total = 100;
total += total * taxRate;

// 더 좋은 유지보수성을 가진 예시 (코드 수정 예시)
const TAX_RATE = 0.1;
const subtotal = 100;
const total = subtotal + (subtotal * TAX_RATE);

결론

let와 const를 사용하여 변수를 선언하면 가독성과 유지보수성이 향상되며, 코드의 안정성이 더욱 높아집니다. 따라서 새로운 JavaScript 코드를 작성할 때는 let와 const를 적극적으로 활용하여 코드를 작성하는 것이 좋습니다.

참고 자료