자바스크립트: Var vs Const vs Let 👍💯

ES2015(ES6)에서 반짝이는 새로운 기능들이 많이 나왔습니다. 그리고 2022년이 된 지금, 많은 JavaScript 개발자들이 이러한 기능에 익숙해지고 사용하기 시작했다고 가정합니다.

차이: 장단점

Avar(variable의 약자)는 어디에서나 액세스할 수 있는 전역 변수이며 다른 값을 할당할 수도 있습니다.

var hello = "Hi!";

장점:

다시 선언하고 업데이트할 수 있습니다.

전역 범위입니다(어디서나 액세스 가능)

단점:

전역적으로 범위가 지정되어 있기 때문에 다른 변수를 재정의해야 하는 것이 어려울 수 있습니다.

Const: 장단점

const로 선언된 변수는 상수 값을 유지합니다. const 선언은 let 선언과 몇 가지 유사점을 공유합니다.

Const 선언은 블록 범위입니다.

let 선언과 마찬가지로 const 선언은 선언된 블록 내에서만 액세스할 수 있습니다.

Const는 다시 선언하거나 업데이트할 수 없습니다.

이는 const에 설정된 값이 항상 동일하게 유지되며 업데이트할 수 없음을 의미합니다.

장점:

블록 범위입니다

.

문제 없이 const.message = "Hello"와 같은 하위 변수를 할당할 수 있습니다.

단점:

다시 선언하거나 업데이트할 수 없습니다.

const hello = "Hi!";
hello = "Ciao!" // Const cannot be updated.

하자: 장단점

let는 이제 변수 선언에 선호됩니다. var 선언에 대한 개선으로 제공되므로 놀라운 일이 아닙니다. 또한 방금 다룬 var 문제도 해결합니다. 이것이 왜 그런지 생각해 봅시다.

let은 블록 범위입니다.

따라서 let가 있는 블록에서 선언된 변수는 해당 블록 내에서만 사용할 수 있습니다. 예를 들어 설명하겠습니다.

function test1() {
  let test = "ee";
  console.log(test); // returns "ee"
}

function test2() {
  let test = "ff";
  console.log(test); // returns "ff"
}

업데이트할 수 있지만 다시 선언할 수는 없습니다.

예를 들어 다음과 같은 오류가 반환됩니다.

let test = "Hello!";
let test = "Robot."; // Error ❌

그러나 let 변수는 다른 블록에서 다시 선언할 수 있습니다. 예를 들어, 함수와 다른 함수는 문제 없이 동일한 변수 이름을 사용할 수 있습니다.

따라서 let는 사용하기 쉽고 많은 장점이 있기 때문에 2022년 개발자의 주요 선택이 됩니다.

장점:

다른 블록에서 다시 선언할 수 있음

let는 수많은 개선 사항이 포함된 var의 최신 버전입니다.

단점:

업데이트할 수 있지만 다시 선언할 수 없습니다

let가 훌륭한 선택이므로 단점이 별로 없습니다.

읽어주셔서 감사합니다 👋

If you like my content, please leave a ❤️ or even a Comment 💬