JavaScript 변수: let vs const vs var

JavaScript 단순화: 대화형 웹 개발 마스터를 위한 초보자 가이드

포스트 4/30: JavaScript의 변수 이해

이번 게시물에서는 변수가 무엇인지, 어떻게 선언하는지, JavaScript에서 어떻게 작동하는지 살펴보겠습니다.

---

변수란 무엇인가요?

변수는 나중에 사용할 수 있도록 JavaScript에 값을 저장하는 방법입니다. 물건을 보관하고 필요할 때 검색할 수 있는 라벨이 붙은 상자와 같은 변수를 생각해 보세요.

예를 들어 코드에 "John"을 여러 번 쓰는 대신 변수에 저장하여 어디에서나 사용할 수 있습니다.

---

JavaScript에서 변수 선언

JavaScript는 변수를 선언하는 세 가지 방법을 제공합니다.

• var(이전 방법, 권장되지 않음)
• let (현대적이고 변경 가능한 값에 권장됨)
• const(변경되어서는 안 되는 값의 경우)

1. let 사용(권장)

let name = "John";
console.log(name);

출력:

John

저희는

• name이라는 변수를 만들었습니다.
• "John" 값을 할당했습니다.
• name 값을 인쇄하기 위해 console.log()를 사용했습니다.

2. const 사용(상수 값의 경우)

const PI = 3.1416;
console.log(PI);

출력:

3.1416

• const는 변경해서는 안 되는 값에 사용됩니다.
• 한 번 할당되면 PI에 새 값을 다시 할당할 수 없습니다.

3. var 사용(이전 방법 – 사용하지 않음)

var age = 25;
console.log(age);

출력:

25

• var는 let과 const 이전에 일반적으로 사용되었지만 범위 문제가 있으므로 대신 let이나 const를 사용하세요.

---

변수 값 변경

let을 사용하면 변수의 값을 변경할 수 있지만 const를 사용하면 변경할 수 없습니다.

let의 예:

let city = "New York";
console.log(city); // Output: New York

city = "Los Angeles"; // Changing the value
console.log(city); // Output: Los Angeles

const를 사용한 예(오류가 발생함)

const country = "USA";
console.log(country);

country = "Canada"; // ❌ This will cause an error
console.log(country);

오류: 잡히지 않은 TypeError: 상수 변수에 할당되었습니다.

---

변수 명명 규칙

변수 이름을 지정할 때 다음 규칙을 따르세요.

✔️ 문자, 숫자, $ 및 _

을 포함할 수 있습니다. ✔️ 문자, $ 또는 _(숫자 아님)

로 시작해야 합니다. ✔️ 대소문자 구분(이름과 이름 다름)

✔️ 예약어가 될 수 없습니다(예: let, 콘솔, 함수 등)

유효한 변수 이름의 예:

let name = "John";
console.log(name);

잘못된 변수 이름의 예:

John

---

실습: 값 저장 및 변경

script.js 파일에서 다음을 시도해 보세요.

const PI = 3.1416;
console.log(PI);

예상 출력:

3.1416

---

다음 단계

이제 변수의 작동 방식을 이해했으므로 다음 단계는 숫자, 문자열, 부울 등 JavaScript의 데이터 유형을 살펴보는 것입니다.

다음 포스팅도 기대해주세요! ?

---

프로 팁:

? 값이 변경될 것으로 예상되면 let을 사용하세요.

? 값이 동일하게 유지되어야 하는 경우 const를 사용하세요.

? 특별히 필요한 경우가 아니면 var를 사용하지 마세요.

LinkedIn에서 나를 팔로우하세요 - Ridoy Hasan
내 웹사이트 방문 - Ridoyweb
*에이전시 홈페이지 바로가기 *- 웹션 디지털

위 내용은 JavaScript 변수: let vs const vs var의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!