[React] Uncaught ReferenceError: Cannot access 'x' before initialization

 

let 또는 const 로 선언한 변수의 코드가 실행되기 전에 해당 변수를 사용했을 때 생기는 오류입니다. 

 

function test() {
  console.log(number); // 아직 생성되지 않는 number를 참조
  const number = 33; // 여기서 number 변수가 생성
}

test();

 

다음과 같이 선언되기 전에 변수를 참조하게 되면 해당 에러가 발생하게 됩니다. 

 

function test() {
  const number = 33;
  console.log(number); // 33
}
test();

 

따라서 선언이 완료된 후 해당 변수를 참조해야 해당 error를 해결할 수 있습니다.

 

 

 

 

### 주의

var 타입으로 해당 변수를 선언했을 경우 해당 error가 생기지 않는데, 그 이유는 var로 선언된 변수는 생성되기 전에 참조하게 되면 undefined로 불러와지기 때문입니다.

따라서 bug를 방지하기 위해서는 var 타입을 사용하지 않는 것을 권고하고 있습니다. 

에어비앤비의 경우 let 과 const만 사용한다고 알고 있습니다.