[Javascript] 자바스크립트 변수 (Variable)

Javascript 변수

변수(Variable)는 데이터를 저장하고 참조하기 위한 식별자로, 데이터를 넣을 수 있는 저장소의 역할입니다.

변수를 선언하고 값을 할당하여 사용할 수 있습니다.

다음은 자바스크립트 변수에 대한 주요 개념과 사용법에 대한 설명입니다:

모든 자료형 데이터를 저장하고 조작 가능(문자, 숫자, boolean , 함수, 배열, undefined, null....)

 

📌 주요 개념 및 사용법

 

1. 변수 선언

변수를 사용하기 위해서는 먼저 변수를 선언해야합니다.

변수 선언을 하기 위해서 var, let, 또는 const 키워드를 사용하며 각각 다른 특징과 스코프를 가짐.

// 변수 선언
var x;
let y;
const z = 10; // 상수

var : ES5까지 사용되던 변수 선언 키워드로 함수 스코프,  

함수 내에서 선언된 변수는 함수 내에서만 유효.

호이스팅 발생하여 변수 선언 전에 참조 가능.

function example() {
  if (true) {
    var x = 10;
  }
  console.log(x); // 10
}

let : ES6에서 도입된 변수 선언 키워드로 블록 스코프,  

블록 내에서 선언된 변수는 블록 내에서만 유효.
호이스팅 발생하지만, 초기화 전 참조 불가.

function example() {
  if (true) {
    let y = 20;
  }
  // console.log(y); // ReferenceError: y is not defined
}

const : 변수의 값이 변하지 않아야 하는 상수에 사용되며, 블록 스코프
const로 선언된 객체 또는 배열은 내부의 속성이나 요소를 변경할 수 있으나, 다른 값으로 재할당은 불가능

const PI = 3.14;
// PI = 4; // 에러: 상수에 값을 재할당할 수 없음


const colors = ['red', 'blue', 'green'];
colors.push('yellow'); // 가능
// colors = ['purple']; // 에러: 상수에 값을 재할당할 수 없음

일반적으로 let과 const를 사용하여 변수를 선언하고,

필요에 따라 var를 사용하는 것이 안전하게 변수를 선언하는 방식입니다. 

 

 

2. 변수 할당

변수에 값을 할당할 때는 = 연산자를 사용하고, 선언과 동시에 할당할 수 있습니다.

//변수 할당
x = 5;
y = "Hello";

//선언과 할당 동시에 가능
let a = 20;

 

 

 

3. 변수의 데이터 타입

자바스크립트는 동적 타입 언어이기 때문에 변수의 데이터 타입은 동적으로 결정됩니다.

let numberVar = 5;      // 숫자
let stringVar = "Hello"; // 문자열
let booleanVar = true;   // 불리언

4. 변수 네이밍 규칙

변수 이름은 유의미하고 직관적으로 네이밍해야하며 카멜 케이스(camelCase) 사용이 관례.

let myVariable = "value";