Var VS Let VS Const in JavaScript

안녕하세요 👋 여러분 환영합니다.

오늘 우리는 JavaScript에서 LET , VAR 및 CONST 키워드의 차이점이 무엇인지 깊이 배우고 있습니다.

다이빙하자 ..


JavaScript에는 주로 3가지 변수 선언 방법이 있습니다.

var 사용

let 사용

const 사용

1) 변수 사용

2015년(1995-2015) ECMA Script 6(ES6)이 출시되기 전에는 변수, 배열 또는 객체 등을 선언하는 데 가장 많이 사용되는 키워드였습니다.

예시

var X=12;
console.log(X) // 12

var Y="John Doe";
console.log(Y) // John Doe

var Z=[1,2,3,4,5];
console.log(Z) // [1,2,3,4,5]

2) let 사용

2015년 ECMA Script 6(ES6) 출시 이후 변수, 배열, 객체 등을 선언할 때 가장 많이 사용되는 키워드였다.

let X=12;
console.log(X) //12

let Y="John Doe";
console.log(Y) //John Doe

let Z=[1,2,3,4,5];
console.log(Z) //[1,2,3,4,5]

2) const 사용

2015년 ECMA Script 6(ES6) 출시 이후 변수, 배열, 객체 등을 선언할 때 가장 많이 사용되는 키워드였다.

const X=12;
console.log(X) //12

const Y="John Doe";
console.log(Y) //John Doe

const Z=[1,2,3,4,5];
console.log(Z) //[1,2,3,4,5]

이 세 가지 방법을 모두 사용하여 변수를 선언하고 초기화한다는 것을 알 수 있듯이 이제 변수를 구별하는 몇 가지 사항에 대해 설명하겠습니다.

변수 재선언

var 키워드의 도움으로 동일한 식별자로 변수를 다시 선언할 수 있습니다. 아래 예를 참조하세요.

var X=21;
var X=12;

console.log(X) // 12

이제 let 또는 const 키워드를 사용하여 동일한 식별자를 가진 변수를 다시 선언하려고 하면 오류가 발생합니다.

let X=21;
let X=12;

console.log(X) // Identifier 'X' has already been declared

범위(전역 및 블록)

JavaScript에서 중괄호 {} 안에 쓰여진 모든 것은 블록으로 간주됩니다. 변수가 var 키워드를 사용하여 선언된 경우 var는 함수 범위를 가지며 함수 전체에서 액세스할 수 있습니다.

아래 주어진 예에서 let 키워드로 변수를 선언하고 블록 외부에서 액세스하려고 하면 액세스할 수 없고 오류가 발생함을 알 수 있습니다.

{
    let X=12
}
console.log(X) // X is not defined

그러나 var 키워드로 동일한 작업을 수행하면 오류가 없으며 블록 범위 외부에서 변수에 쉽게 액세스할 수 있습니다. 예를 참조하십시오.

{
    var X=12
}
console.log(X) // 12

불변성

이제 const 키워드에 대해 논의해 봅시다. const 를 사용하면 일단 초기화되면 값(참조)을 변경할 수 없으므로 변경할 수 없습니다.

const Z="Good Morning"
console.log (Z)  // Good Morning
Z="Good Evening" // Error :Assignment to constant variable.

const Arr=[1,2,3,4,5]
Arr[1]=1.5
console.log(Arr) // [1,1.5,3,4,5]

const를 사용하면 변수(배열 또는 객체 등)의 값만 수정할 수 있지만 배열에 대한 참조는 변경할 수 없습니다. 예를 들어

const Arr=[1,2,3,4,5]
console.log(Arr) // [1,2,3,4,5]
Arr=[1,5,6,7,8]  // Error: Assignment to constant variable.

이것이 이 세 키워드의 주요 차이점이었습니다. 이제 그것은 당신이 선호하는 것을 전적으로 당신에게 달려 있습니다. let & const는 오늘날 널리 사용됩니다.

제 글이 마음에 드셨기를 바랍니다 💛. 다음 포스팅에서 새로운 배움으로 찾아뵙겠습니다.

행복한 코딩!! ⚡