JavaScript 변수: let vs const vs var-JS 튜토리얼-php.cn

JavaScript 변수: let vs const vs var

Susan Sarandon

풀어 주다： 2025-01-11 16:28:42

원래의

178명이 탐색했습니다.

JavaScript Variables: 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);

로그인 후 복사

출력:

로그인 후 복사

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, 콘솔, 함수 등)