여러분, 안녕하세요!!!!!

이번에는 JavaScript var , const 및 let 의 기본 세 가지 변수 유형의 차이점에 대해 설명하겠습니다. 기본적으로 나는 그들 사이의 세 가지 주요 차이점에 대해 논의할 것입니다. 범위, 재할당 및 재선언 및 호이스팅.

var

1. 범위: var 함수 내부에서 사용되는 경우 함수 범위 또는 로컬 범위 변수라고 하지만 함수 외부에서 사용되는 경우 전역 범위 변수라고 합니다.

var msgOne="Good morning";

function greet () {
var msgTwo= "Good day";
}

console.log(msgTwo);

So, if you will run the above example you'll get an error msg that the msgTwo is not defined, this is because the msgTwo variable is defined and declared inside a function and is non accessible outside that function greet().

2. 재할당 및 재선언 : 이 변수는 동일한 범위 내에서 재할당 또는 재선언될 수 있습니다.

function welcome(){
var message = "hii";
var message = "hello";
 console.log(message);
}
welcome();

In the above example, you can see that if you'll run this piece of code you'll get the message as hello ,this shows that the var variable can be redeclared and reassigned within same scope.

3. 호이스팅: var 변수는 코드 실행 전에 해당 범위의 맨 위에 호이스트되며 정의되지 않은 값으로 초기화됩니다.

허락하다

1. 범위: let은 또한 해당 블록 외부에서 액세스할 수 없는 차단된 범위 변수입니다. 중괄호 {}.

let count = 3 ;

if( count < 5){
let output = "hello";
console.log(output);
}

console.log(output);

So, if you will run the above example you'll get an error msg at line number 8 that output is not defined, this is because the output variable is defined and declared inside a block and is non accessible outside that block.

2. 재할당 및 재선언 : 이 변수는 재할당할 수 있지만 재선언할 수 없습니다.

function number(){
let digit = "hii";
digit = "hello";
console.log(digit);
}
number();

function draw(){
let art = "hii";
let art = "hello";
console.log(art);
}
draw();

In the above example, you can see that if you'll run the first piece of code you'll get the digit as hello , this shows that the let variable can be reassigned, but if you'll run the second piece of code
you'll get an error that identifier "art" is also declared , this shows that let cannot be redeclared.

3. 호이스팅: let 변수도 코드 실행 전에 해당 범위의 맨 위에 호이스트되지만 var와 같은 값으로 초기화되지 않습니다.

상수

1. 범위: const는 해당 블록 외부에서 액세스할 수 없는 차단된 범위 변수입니다. 중괄호 {}.

const count = 3 ;

if( count < 5){
const output = "hello";
console.log(output);
}

console.log(output);

So, if you will run the above example you'll get an error msg at line number 8 that output is not defined, this is because the output variable is defined and declared inside a block and is non accessible outside that block.

2. 재할당 및 재선언 : 이 변수는 재선언이나 재할당이 불가능합니다.

function welcome(){
const message = "hii";
const message = "hello";
console.log(message);
}
welcome();

function draw(){
const art = "hii";
art = "hello";
console.log(art);
}
draw();

In the above example, you can see that if you'll run this piece of code you'll get the message as the the identifier message has been already declared ,this shows that the const variable cannot be redeclared and if you run the second piece of code you'll get an error that assignment to constant variable error, this shows that it cannot be reassigned as well.

3. 호이스팅: const 변수는 코드 실행 전에 해당 범위의 맨 위에 호이스트되지만 var와 같은 값으로 초기화되지 않습니다.

즐거운 독서!!!