ES6에는 Promises , async/await , ES6 destructuring 등과 같은 JavaScript에 유용한 추가 기능이 많이 있습니다 . let과 const는 이러한 추가 사항 중 하나입니다.

오늘 이 블로그에서 우리는 자바스크립트에서 var, let, const의 차이점에 대해 논의할 것입니다. 시작하겠습니다.

자바 스크립트에서 let 대 var

ES6 자바스크립트 이전에는 var전역 범위만 있고 몇 가지 단점이 있는 키워드를 사용했습니다 . 와 함께 let, 자바스크립트는 블록 수준 범위를 추가했습니다.

몇 가지 예를 들어 차이점에 대해 논의해 보겠습니다.

// ES5 Code
var x = 10;
console.log(x) // 10
var x = "Hello Reader"
console.log(x) // Hello Reader
var x = 12.2
console.log(x) // 12.2

와 var키워드, 우리는 할 수 있었다 다시 선언 이미 선언 한 변수를. 이것은 코드가 커질 때 혼란을 야기합니다. 이미 다른 곳에서 같은 이름으로 선언된 변수가 있고 그것을 깨닫지 못한 채 다시 선언한다면 어떻게 될까요? 그런 다음 변수 값을 재정의하여 디버그하기 어려운 문제를 일으킬 수 있습니다.

그러나 let자바스크립트에서 사용할 때 이미 선언된 변수를 다시 선언하려고 하면 오류가 발생합니다. 이는 좋은 일입니다.

// ES6 Code
let x = 10;
console.log(x); // 10
let x = "Hello Reader"
// Uncaught SyntaxError: Identifier 'x' has already been declared

// ES6 Code
let x= 10;
console.log(x); // 10

x = "Hello Reader";
console.log(x); // Hello Reader

// ES5 Code
var isValid = true;
if(isValid) {
  var number = 10;
  console.log('inside:', number); // inside: 10
}
console.log('outside:', number); // outside: 10

이제 아래 코드를 살펴보십시오.

// ES6 Code
let isValid = true;
if(isValid) {
  let number = 10;
  console.log('inside:', number); // inside: 10
}

console.log('outside:', number); 
// Uncaught ReferenceError: number is not defined

그러나 if블록 외부에 let을 선언하면 어떻게 될까요? 보자.

// ES6 Code
let isValid = true;
let number = 10;
if(isValid) {
  console.log('inside:', number); // inside: 10
}

console.log('outside:', number); // 10

자바 스크립트에서 let 대 const

const키워드는 정확히 동일하게 작동 let키워드. 또한 블록 수준 범위가 있습니다. 그렇다면 서로 어떻게 다른가? 한 번 보자

변수를 로 선언하면 const값이 절대 변경되지 않는 상수 변수로 간주됩니다.

아래 코드를 살펴보세요

// ES6 Code
let x = true;
x = "Hello Reader";
console.log(x) // Hello Reader

// ES6 Code
const x = true;
x = "Hello; 
// Uncaught TypeError: Assignment to constant variable.

그러나 이 동작은 객체 와 배열의const 경우 다릅니다 . while 객체는 업데이트할 수 없지만 속성은 업데이트할 수 있습니다. 이것은 객체가 자바스크립트에서 참조 유형 이기 때문 입니다.const

아래 코드를 살펴보세요

// ES6 Code
const person= {
 name: 'Taran',
 age: 18
};

person.age = 22;

// ES6 Code
const person= {
 name: 'Taran',
 age: 18
};
person = {
 firstName: "Taran",
 lastName: "Arora"
}

var, let 및 const 마무리

1. JavaScript에서 키워드 let및 const블록 범위 추가.
2. var 변수는 해당 범위 내에서 업데이트되고 다시 선언될 수 있습니다.
3. let변수는 업데이트할 수 있지만 다시 선언 const할 수 없음 변수는 업데이트하거나 다시 선언할 수 없습니다.