04. 변수와 상수

wonyoung·2023년 5월 17일

JavaScript 기초 문법

목록 보기
4/13
post-thumbnail

변수란?


  • 변수
    변경 가능한 값을 저장하기 위한 기억 공간(memory)
    사용하기 전 반드시 선언 필요
    중복 선언 불가능
    키워드: let
  • 상수
    변경 불가능한 값을 저장하기 위한 기억 공간
    사용하기 전 반드시 선언 필요
    중복 선언 불가능
    키워드 : const

상수 예제 코드


const B = 123; // 상수 선언 및 값 초기화
console.log(B) // output: 123

B = 456; // 값 재할당 -> 에러
		 // TypeError: Assignment to constant variable

const C; // 초기화 없이 상수 선언 -> 에러
C = 123; // SyntaxError: Missing initializer in const declaration

변수/상수 예제코드


// 선언 후 할당
let hi;
hi = "hello"; 

// 선언과 동시에 초기화
let hello = "Hello";

// 한줄에 여러 변수 선언과 초기화
let name = "hani", age = 20, msg = 'hello"

// 상수는 보통 대문자로 표기
const TESTCASE = 5;
const BIRTYDAY = '2001.1.1';

호이스팅


  • 호이스팅(Hosting)
    코드에 선언된 변수 및 함수를 유효한 범위의 코드 상단으로 끌어 올리는 작업
    var의 변수/함수의 선언만 위로 올려지고, 할당은 올려지지 않음
    let/const 변수 선언과 함수 표현식에서는 호이스팅 발생하지 않음
// var 변수 사용시
console.log(name); // output: undefined
var name = "hani";
console.log(name); // output: hani

// let/const 변수 사용시
// ReferenceError: Cannot access 'name_2' before initialization
console.log(name_2);
let name_2 = "hani";
profile
지치지 않는 개발자가 되자!

0개의 댓글