Javascript의 변수 키워드에 대한 간략한 소개

Javascript에는 var, let 및 const를 포함하는 세 가지 변수 키워드가 있습니다. 각 변수 키워드는 다르게 작동하므로 코드에 어떤 영향을 미치는지 아는 것이 중요합니다.

바르

var 키워드를 사용하여 변수를 선언하면 전역 범위 변수가 됩니다. 호이스팅으로 인해 코드 전체에서 전역 범위 변수에 액세스할 수 있습니다. Var 선언 변수는 새 값을 재할당할 수도 있습니다.

var name = 'Jack';

function printName() {
  console.log(name);  // accessing global var name
}

printName(); // 'Jack' will be logged to the console

여기에서 var 이름을 다른 값으로 재할당합니다.

name = 'Gracie';
console.log(name); // 'Gracie' is now logged to the console

허락하다

var와 달리 let은 블록 범위 변수입니다. 즉, let을 사용하여 변수를 선언하면 변수가 생성된 코드 블록 외부에서 해당 변수에 액세스할 수 없습니다. 해당 변수에 액세스할 수 있는 유일한 방법은 코드의 전역 범위에 넣는 것입니다. 그러나 let 키워드는 새 값을 재할당할 수 있습니다.

let으로 할당된 변수는 코드 블록 내에 있는 경우 액세스할 수 없습니다.

let x = 20
if(x > 10) {
  let message = 'greater than 10';
}
console.log(message); // ref error: message is undefined

다음과 같이 재할당할 수 있습니다.

let y = 30;
y = 5;
console.log(y); // 5 will print to the console

상수

const 키워드도 블록 범위 변수로 간주되지만 const로 선언된 변수는 새 값을 재할당할 수 없습니다.

const 변수에 새 값을 할당하려고 하면 다음 오류가 발생합니다.

const number = 50;
number = 100; // typeError: assignment to constant variable

무엇을 사용해야 하는지 알기

이러한 각 키워드는 서로 매우 다르게 작동하므로 언제 사용해야 하는지 이해하는 것이 중요합니다. 실수로 변수를 재할당할 가능성과 함께 전역 범위가 지정되기 때문에 var 키워드를 사용하지 않는 것이 이제 더 일반적인 관행입니다. 변수를 재할당하려면 let 키워드를 사용하고 그렇지 않으면 const를 사용하면 됩니다. 이 두 키워드는 모두 블록 범위이지만 항상 변수를 코드의 전역 범위에 넣어 전역적으로 액세스할 수 있도록 할 수 있습니다.

여기에 제시된 개념과 예는 매우 기초적이지만 이 세 가지 변수 키워드의 근본적인 특성과 특성을 파악하고 각각을 사용해야 하는 경우를 이해하는 것이 좋습니다.