JavaScript 변수 이해

소개

JavaScript의

변수는 데이터를 저장하는 컨테이너와 같습니다. 부엌에 있는 라벨이 붙은 항아리라고 생각해보세요. 일부는 설탕을 담고, 일부는 밀가루를 담고, 일부는 심지어 쿠키를 담기도 합니다!? 코드를 동적으로 만들고 정보를 저장하고 조작할 수 있게 해줍니다.

⭐ 변수 선언, 초기화 및 명명 규칙
1️⃣ 선언
변수를 선언한다는 것은 값을 할당하지 않고 변수를 생성한다는 의미입니다.
? 예:

let name; // Declaration

2️⃣ 초기화
변수를 초기화한다는 것은 변수에 처음으로 값을 할당하는 것을 의미합니다.
? 예:

let name = "Richa"; // Declaration + Initialization

먼저 선언하고 나중에 초기화할 수도 있습니다.
? 예:

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

3️⃣ 명명 규칙
변수 이름을 효과적으로 지정하려면 다음 규칙을 따르세요.

• 문자, $ 또는 _로 시작합니다. 유효: userName, _temp, $amountInvalid: 123name, @value
• 예약 키워드 피하기: 유효하지 않음: let var = 10; (var를 이름으로 사용할 수 없습니다)
• 가독성을 위해 camelCase 사용: 예: firstName, totalCost
• 설명적 작성: x 대신 userAge 또는 productName을 사용하세요.

? 예:

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

⭐변수의 종류
JavaScript는 변수를 선언하는 세 가지 방법인 var, let 및 const를 제공합니다.

1️⃣ var(올드스쿨)
범위: 함수 범위 또는 전역 범위.
사용법: 최신 JavaScript에서는 특이한 점 때문에 피하는 것이 가장 좋습니다.
var 키워드는 2015년 이전에는 JavaScript에서 널리 사용되었습니다. 그러나 이제는 전역 범위와 호이스팅 동작으로 인해 권장되지 않습니다.
? 예:

var stuff = "Toy";
var stuff = "Book"; // Re-declaration allowed (confusing behavior).
console.log(stuff); // Outputs: Book

var를 사용하면 동일한 변수를 여러 번 선언할 수 있습니다. 그러나 이는 종종 버그와 혼란스러운 코드로 이어집니다.
⁉️호이스팅 동작:
var로 선언된 변수는 "호이스팅"됩니다. 즉, 선언하기 전에 사용할 수 있습니다.
? 예:

console.log(stuff); // Outputs: undefined
var stuff = "Toy";

이 동작으로 인해 예상치 못한 문제가 발생할 수 있으므로 변수 선언 시 var에 의존하지 마세요.
?실제 사례

2️⃣ let(유연함)
범위: 블록 범위(선언된 블록으로 제한).
사용법: 변수 값을 변경해야 할 때 let을 사용하세요.
? 예:

let jar = "Tomatos";
jar = "Spices"; // Allowed
console.log(jar); // Outputs: Spices

let 변수를 다시 선언하려고 하면 오류가 발생합니다.
? 예:

let jar = "Tomatos";
let jar = "Spices"; // Error: Identifier 'jar' has already been declared

var와 달리 let으로 선언된 변수는 같은 방식으로 끌어올려지지 않습니다.
? 예:

let name; // Declaration

?실제 사례

3️⃣ const(불변)
범위: let
과 같은 블록 범위 사용법: 초기화 후 변경되어서는 안되는 값에는 const를 사용하세요.
const는 재할당해서는 안 되는 상수나 변수를 선언하는 데 적합합니다.
? 예:

let name = "Richa"; // Declaration + Initialization

const 변수를 선언할 때 초기화해야 합니다.
? 예:

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

?실제 사례

변수 탐색 작업

다음은 변수에 대한 이해를 테스트하기 위한 몇 가지 예입니다.

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

결론

변수를 마스터하는 것은 깔끔하고 효율적인 JavaScript 코드를 작성하기 위한 첫 번째 단계입니다.

• 안정성을 위해 가능하면 const를 사용하세요.
• 값을 변경해야 하는 경우에만 let을 사용하세요.
• 디버그하기 어려운 문제를 방지하려면 var를 사용하지 마세요.

즐거운 코딩하세요! ?

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