ESLint 규칙 중 block-scoped-var란?

block-scoped-var

ESLint 규칙 중 block-scoped-var란?

block-scoped-var 규칙은 변수가 선언된 블록 내에서만 접근 가능하도록 강제하는 규칙입니다. 자바스크립트의 var 변수는 블록 범위를 따르지 않고 함수 범위를 따르기 때문에, 이 규칙은 블록 외부에서 변수에 접근하는 것을 방지합니다.

왜 필요한가?

자바스크립트의 var 변수는 블록 내에서 선언되었더라도 블록 외부에서 접근이 가능합니다. 이로 인해 예상치 못한 동작이 발생할 수 있으며, 코드의 예측 가능성이 떨어질 수 있습니다. block-scoped-var 규칙은 이러한 문제를 방지하고 코드의 안정성을 높여줍니다.

잘못된 예시

변수가 블록 외부에서도 사용되는 경우, 예기치 않은 동작이 발생할 수 있습니다.

if (true) {
  var x = 1;
}
console.log(x);  // 블록 외부에서도 x에 접근 가능

올바른 예시

변수를 let 또는 const로 선언하여 블록 범위를 따르게 할 수 있습니다.

if (true) {
  let x = 1;
}
console.log(x);  // 오류 발생, x는 블록 내에서만 유효

결론

block-scoped-var 규칙은 변수의 사용 범위를 블록 내로 제한하여 예측 가능한 코드를 작성할 수 있도록 도와줍니다. 이를 통해 코드의 안전성과 유지보수성을 높일 수 있습니다.