JavaScript의 변수 이해

JavaScript 변수: 초보자 가이드

자바스크립트 변수는 프로그래밍의 기본 구성 요소로, 코드에서 데이터를 저장하고 조작하는 데 사용됩니다. 초보자이든 JavaScript 베테랑이든 변수와 해당 동작을 이해하는 것이 중요합니다.

자바스크립트 변수란 무엇인가요?

변수는 프로그램에서 사용하고 조작할 수 있는 정보를 저장하는 컨테이너입니다. 간단히 말해서 숫자, 문자열 또는 기타 데이터 유형과 같은 필수 정보를 저장하는 방법과 같습니다.

자바스크립트 변수의 핵심 포인트:

• JavaScript는 동적 유형 언어입니다. 즉, 변수 유형이 런타임에 결정됩니다.
• 변수 유형을 명시적으로 정의할 필요가 없습니다.

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

1. 자동선언
2. 사용 let
3. 사용 var
4. 사용 const

---

자바스크립트 변수 명명 규칙

변수 이름 지정에는 몇 가지 규칙이 있습니다.

1. 허용되는 문자: 변수 이름에는 문자(a-z, A-Z), 숫자(0-9), $ 및 _만 포함될 수 있습니다.
   • 예: name, data1, sum
2. 시작 규칙: 변수 이름은 숫자로 시작할 수 없습니다.
   • 잘못된 예: 1data, 10Name
3. 대소문자 구분: 변수 이름은 대소문자를 구분합니다. 예를 들어 result과 Result는 서로 다른 두 변수입니다.
4. 키워드 사용 방지: 예약어(예: let, return 또는 const)를 변수 이름으로 사용하지 마세요.
5. camelCase 사용: phoneNumber 또는 phonenumber 대신 PhoneNumber과 같은 camelCase를 사용하세요.
6. 하이픈 허용 안 됨: 변수 이름에는 하이픈(-)이 허용되지 않습니다.
7. 의미 있는 이름 사용: 항상 변수에 저장되는 내용을 명확하게 나타내는 설명이 포함된 이름을 사용하세요.
8. 단일 문자 사용 방지: 필요한 경우가 아니면(예: 루프 내에서) 단일 문자 이름(예: x, a)을 사용하지 마세요.

---

자바스크립트 변수 유형

1. 자동 선언

JavaScript는 명시적인 선언 없이 변수에 값을 할당할 수 있습니다.

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

2. var

을 사용하세요.

• var을 사용하여 선언된 변수에는 함수 범위 또는 전역 범위가 있습니다.
• 은 이전 버전의 JavaScript에 도입되었으며 이제는 더 이상 사용되지 않는 것으로 간주되며 일반적으로 let 또는 const으로 대체됩니다.

문법:

<code class="language-javascript">var variable_name = value;</code>

예:

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

3. let

을 사용하세요.

• ES6에서 도입된 let에는 블록 범위가 있습니다.
• 변수 값 업데이트는 허용되지만 동일한 범위에서 재선언은 허용되지 않습니다.

문법:

<code class="language-javascript">var variable_name = value;</code>

예:

<code class="language-javascript">var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>

4. const

을 사용하세요.

• ES6에서 도입된 const에도 블록 범위가 있습니다.
• 해당 값은 업데이트하거나 다시 기술할 수 없습니다.

문법:

<code class="language-javascript">let variable_name = value;</code>

예:

<code class="language-javascript">let a = 10;
a = 15; // 允许：更新值
console.log(a); // 输出：15

let b = 20;
// let b = 25; // 错误：无法在同一作用域中重新声明变量</code>

---

var, let, const

의 차이점 키워드 범위 업데이트할 수 있나요? 다시 말할 수 있나요? 비고

关键字	作用域	可以更新？	可以重新声明？	备注
var	函数作用域	是	是	不遵守块作用域
let	块作用域	是	否	用于需要更新的变量
const	块作用域	否	否	最适合常量和不可变值

함수 범위 예 예 블록 범위를 존중하지 않음 블록 범위 예 아니요 업데이트가 필요한 변수의 경우 블록 범위 아니요 아니요 상수 및 불변 값에 가장 적합

---

자바스크립트 범위

변수의 범위에 따라 프로그램에서 변수에 액세스할 수 있는 위치가 결정됩니다.

글로벌 범위: 어디서나 액세스할 수 있습니다.

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

로컬 범위: 함수 내부에 선언되어 있으며 함수 내부에서만 액세스할 수 있습니다.

<code class="language-javascript">var variable_name = value;</code>

블록 범위: 선언된 블록 내에서만 사용 가능합니다.

<code class="language-javascript">var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>

함수 범위: var을 사용하여 선언된 변수에만 해당됩니다.

---

중요 팁

홍보:

• var으로 선언된 변수는 해당 범위의 최상위로 끌어올려지지만 실행될 때까지 초기화되지 않은 상태로 유지됩니다.
• let 및 const을 사용하여 선언된 변수도 승격되지만 선언되기 전에는 "임시 데드존"에 있습니다.

예:

<code class="language-javascript">let variable_name = value;</code>

---

모범 사례

1. 변경되지 않는 값에는 const을 사용하세요.
2. 업데이트할 변수는 let을 사용하세요.
3. 최신 JavaScript에서는 var을 사용하지 마세요.

---

자주 면접 질문

1. var, let, const의 차이점은 무엇인가요?
2. JavaScript 변수의 범위는 무엇인가요?
3. 변수 호이스팅을 예시로 설명해보세요.
4. 을 사용하여 선언된 변수에 const을 재할당할 수 있나요?
5. var, let, const을 사용하지 않고 변수를 선언하면 어떻게 되나요?
6. let 대신 const, var을 사용하는 것이 권장되는 이유는 무엇인가요?
7. JavaScript의 임시 데드존이란 무엇인가요?
8. let 및 const을 사용하여 블록 범위 지정을 보여주는 코드 조각을 작성합니다.
9. JavaScript의 동적 유형이란 무엇입니까?
10. JavaScript는 변수 재선언을 어떻게 처리하나요?

---

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