초보자 JavaScript - 5 - 변수 및 상수

여러분 👋🏻,

이 기사에서는 JavaScript의 변수 및 상수에 대해 논의하겠습니다. 이것은 Dev에 대한 초급 JavaScript 시리즈의 다섯 번째 부분입니다.

변수 - var, let 및 const의 전체 그림

변수란 무엇입니까?

변수는 변경되거나 변경될 수 있는 모든 것을 의미합니다. JavaScript에는 데이터 값을 보유하는 변수가 포함되어 있으며 언제든지 변경할 수 있습니다. JavaScript는 예약어 var를 사용하여 변수를 선언합니다.

변수에는 고유한 이름이 있어야 합니다.

변수에 대해 더 많이 이해하기 위해 예를 살펴보겠습니다. 따라서 아래 예제에서는 var 키워드를 사용하여 numberOne과 numberTwo라는 두 개의 숫자를 선언한 다음 var 키워드를 사용하여 sumTotal 변수를 다시 정의하고 numberOne과 numberTwo라는 두 숫자의 합을 저장합니다.

var에서 let 및 const로 이동

let 키워드

let 문을 사용하여 정의된 변수는 정의된 순간부터 정의된 블록에서만 알려집니다.
let 키워드를 사용하여 선언된 변수는 블록 범위입니다. 즉, 선언된 블록에서만 사용할 수 있고 외부에서는 사용할 수 없습니다.


최상위 수준(함수 외부)

var rootVariable= 1242;
let blockScopedVariable = 2143;

console.log(rootVariable); // 1242
console.log(blockScopedVariable); // 2143

console.log(this.rootVariable); // 1242
console.log(this.blockScopedVariable); // undefined 

함수 내부(그러나 블록 외부)

이 경우 let과 var는 동일한 범위를 갖습니다.

(() => {
  var a = 2142;
  let b = 4443;

  console.log(a); // 2142 (scoped to a function)
  console.log(b); // 4443 (scoped to a block)
})();

// Outside the function, you cannot access both the variables. 
console.log(a); // ReferenceError: a is not defined
console.log(); // ReferenceError: b is not defined

블록 내부

블록 내부에서 let 키워드를 사용하여 선언된 변수는 해당 블록 외부에서 액세스할 수 없습니다.

{
  var a= 42;
  let b= 43;
  console.log(a); // 42
  console.log(b); // 43
 // Both a and b are declared within the block, hence can be accessed within the block.
}
// a is declared using the var keyword inside a block, it can be accessed from outside 
console.log(a); // 42
// b is declared using the let keyword inside a block, it cannot be accessed from outside the block because it's scope is limited to the block in which it is defined in. 
console.log(b); // ReferenceError: b is not defined

일시적 데드존

일시적 데드 존 때문에 let을 사용하여 선언된 변수는 선언되기 전에 액세스할 수 없습니다. 그렇게 하려고 하면 오류가 발생합니다.

console.log(a); // undefined
var a= 43;
console.log(b); // ReferenceError: b is not defined
let b = 42;

const 키워드

const는 let과 매우 유사합니다. 블록 범위이지만 let과 const 사이에도 미묘한 차이가 있습니다. 따라서 먼저 논의해 보겠습니다.


재할당 없음

const를 사용하여 선언한 변수는 재할당할 수 없습니다.

const a = 23;
a = 33; // TypeError: Assignment to constant variable

값이 변경 불가능하다는 의미는 아닙니다. 속성은 여전히 ​​변경할 수 있습니다.
따라서 본질적으로 이것은 변수가 항상 동일한 개체 또는 기본 값에 대한 참조를 갖는다는 것을 의미합니다. 해당 참조는 변경할 수 없기 때문입니다. 참조만 변경할 수 있으며 해당 변수가 보유한 값은 변경할 수 없습니다.

변수 및 상수에 대한 내 비디오를 확인하여 이에 대한 이해를 높이십시오.



그래서 이것이 이것에 대한 것입니다.

웹 개발을 배우려는 경우 YouTube 채널에서 무료 과정을 큐레이팅했습니다. 아래 기사를 확인하십시오.

(2021) - 웹 개발자 전체 과정 : HTML, CSS, JavaScript, Node.js 및 MongoDB

The Nerdy Dev ・ 4월 28일 ・ 2분 읽기

#html #css #node #javascript

2시간 여유? 그렇다면 2시간 이내에 이 10개의 JavaScript 프로젝트를 만들어 활용하십시오.

2시간 동안 10개의 JavaScript 프로젝트

The Nerdy Dev ・ 2020년 10월 26일 ・ 1분 읽기

#javascript #webdev

👉🏻 트위터에서 저를 팔로우하세요 :

👉🏻 제 유튜브 채널을 확인해보세요 :