변수 이해

변수는 모든 프로그래밍 언어의 중추이며 JavaScript도 예외는 아닙니다. 데이터 값을 저장하기 위한 컨테이너이므로 코드 전체에서 데이터를 더 쉽게 조작하고 작업할 수 있습니다. 초보자이든 전문가이든 깔끔하고 효율적인 JavaScript 코드를 작성하려면 변수의 기본 사항을 숙지하는 것이 중요합니다.

변수란 무엇입니까?

자바스크립트에서 변수는 데이터를 저장하는 이름 있는 저장소입니다. 이를 통해 값을 저장하고 나중에 프로그램에서 참조할 수 있습니다.

주요 특징:

• 이름: 변수를 참조하는 데 사용되는 레이블(예: 연령, 사용자 이름)
• 값: 변수에 할당된 데이터(예: 25, John Doe)
• 유형: 숫자, 문자열, 부울 등 저장되는 데이터의 종류

변수 선언

JavaScript에서는 var, let 또는 const 키워드를 사용하여 변수를 선언할 수 있습니다

1.변수

var 키워드는 JavaScript에서 변수를 선언하는 원래 방법이었습니다. 이제 기능 범위 지정과 예상치 못한 동작 가능성으로 인해 덜 일반적으로 사용됩니다.
예:

var message = "Hello world!";
console.log(message);

// Hello, world!

2.하자

ES6(2015)에 도입된 let은 블록 범위이며 변수 값을 변경해야 하는 대부분의 경우에 선호됩니다.
예:

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

3. const

const도 블록 범위이지만 값이 변경되어서는 안 되는 변수에 사용됩니다.
예:

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

변수 명명 규칙

1. 문자, _ 또는 $(예: 이름, _id, $amount)로 시작해야 합니다.
2. 숫자로 시작할 수 없습니다.
3. 대소문자를 구분합니다(예: 이름과 이름이 다름).
4. if, while, function 등과 같은 예약어는 사용할 수 없습니다.

예:

let firstName = "Alice";
let $price = 50;
let _discount = 10;
console.log(firstName, $price, _discount);

// Alice 50 10

변수의 데이터 유형

JavaScript 변수는 다양한 유형의 데이터를 보유할 수 있습니다.

1. 원시 데이터 유형

• 숫자: 예: 42, 3.14
• 문자열: 예: 'Hello', "World"
• 부울: 예: true, false
• 정의되지 않음: 선언되었지만 값이 할당되지 않은 변수입니다.
• Null: 의도적으로 값이 없음을 나타냅니다.
• 기호: 고유하고 변경할 수 없는 값

예:

let score = 100; // Number
let name = "John"; // String
let isActive = true; // Boolean
let result; // Undefined
let emptyValue = null; // Null
console.log(score, name, isActive, result, emptyValue);

// 100 John true undefined null

2. 복잡한 데이터 유형

• 객체: 키-값 쌍의 컬렉션입니다.
• 배열: 순서가 지정된 값 목록

예:

var message = "Hello world!";
console.log(message);

// Hello, world!

변수의 범위

1. 전역 범위: 코드 어디에서나 액세스 가능
2. 함수 범위: 함수 내부에서 var로 선언된 변수는 해당 함수로 확인됩니다.
3. 블록 범위: let 또는 const로 선언된 변수는 선언된 블록에서 확인됩니다.

예:

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

모범 사례

1. 기본적으로 const를 사용합니다. 값을 변경해야 하는 경우 let으로 전환하세요.
2. 레거시 코드에 필요한 경우가 아니면 var를 사용하지 마세요.
3. 의미 있는 변수 이름을 선택하세요(예: x 대신 userAge).
4. 변수 이름 지정에는 camelCase를 사용하세요.
5. 변수 선언 시 초기화하세요.

예:

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

결론

변수는 JavaScript에서 데이터를 저장하고 조작하는 데 필수적입니다. 선언, 범위 및 모범 사례를 이해하면 깔끔하고 효율적인 코딩이 보장됩니다. let 및 const로 시작하고, 의미 있는 이름을 사용하고, 항상 범위에 유의하세요. 이러한 기본 사항을 숙지하면 고급 JavaScript 개념을 위한 견고한 기반이 마련됩니다.

즐거운 코딩하세요! ?

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