자바스크립트 기초 강좌: #1 변수

Prerequesite

• 인프런 강의: 왕 초보 자바스크립트
• 개발 환경
  • OS: Window 
  • Visual Studio Code: Editor
  • Node.js: javascript runtime 실행환경

Node.js — 어디서든 JavaScript를 실행하세요

 

[지금 무료]왕 초보 자바스크립트 강의 | 코딩앙마 - 인프런

Javascript 변수

기존의 다른 언어들과 같이 어떠한 값을 넣는 저장소

1. 변수는 문자와 숫자 $와 _만 사용가능
2. 첫글자는 숫자가 될 수 없음
3. 예약어는 사용할 수 없음
4. 가급적 상수는 대문자로
5. 변수명은 읽기 쉽고 이해할 수 있게 선언

console.log 사용한 예시

• 아래와 같이 변수를 선언 후, console.log로 확인하면 아래와 같이 터미널 창에 로그가 나온다. 

name = "Mike";
age  = 30;

console.log(name);

C:\Users\ddl06\Desktop\Development\Javascript>node index.js   
Mike

 

let vs const vs var

Javascript에서 var, let, const는 변수를 선언하는데 사용, 각 키워드는 변수의 범위와 재할당 가능성에 따라 다르게 동작

var

함수 범위(function scope)를 가진다. 즉, 함수 내에서 선언된 var 변수는 함수 전체에서 접근 가능

function example() {
    var x = 1;
    if (true) {
        var x = 2; // 같은 변수로 간주됨
        console.log(x); // 2
    }
    console.log(x); // 2
}
example();

let

변할 수 있는 값을 선언할 때, let 사용, 블록 범위(block scope)를 가진다. 즉, 블록({}) 내에서 선언된 let 변수는 해당 블록 내에서만 접근 가능

function example() {
    let x = 1;
    if (true) {
        let x = 2; // 다른 변수로 간주됨
        console.log(x); // 2
    }
    console.log(x); // 1
}
example();

const

변하지 않는 상수값을 표현할 때 사용한다.

 

만약 아래와 같이 const를 사용한 변수에 다시 새로운 값을 넣으려고 할 때, 다음과 같은 Error가 발생하게 된다. 
const 변수에 assign한다는 TypeError 발생

TypeError: Assignment to constant variable.

let name = "Mike";
const age  = 30;

name ="Helen";
age = 25;

// check "name" value & age value
console.log(name);
console.log(age);

C:\Users\ddl06\Desktop\Development\Javascript\index.js:5
age = 25;
    ^

TypeError: Assignment to constant variable.
s/cjs/loader:1108:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:220:24)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:170:5)    
    at node:internal/main/run_main_module:36:49

Node.js v22.14.0

let name = "Mike";
const age  = 30;

name ="Helen";
// age = 25;

// check "name" value & age value
console.log(name);
console.log(age);

C:\Users\ddl06\Desktop\Development\Javascript>node index.js
Helen
30