Post

JavaScript 변수

변수란?

데이터를 담아두는 공간이며 프로그램에서 사용되는 데이터를 일정 기간 동안 기억하여

필요한 때에 다시 사용하기 위해 데이터에 고유의 이름인 식별자를 명시한 것입니다.

식별자 : 어떤 대상을 유일하게 식별할 수 있는 이름

변수명 : 변수에 명시한 고유한 식별자

변수값 : 변수로 참조할 수 있는 데이터 값


변수 선언 주의점

변수 이름에는 띄어쓰기가 있어선 안 됩니다.

언더스코어(_)를 넣어 구분하는 🐍 스네이크 케이스 (snake_case)

모든 단어를 대문자로 시작해 구분하는 📐 파스칼 케이스 (PascalCase)

두 번째 단어부터 대문자로 시작해 구분하는 🐪 카멜 케이스 (camelCase)

JavaScript에서 영어로 변수명, 함수명을 작성할 땐 카멜 케이스를 사용하는 것이 관례입니다.


변수 선언

1
2
3
var x = 10; 
let y = 20; 
const z = 30; 

스코프 (Scope)

스코프란유효한 참조 범위를 뜻함


호이스팅 (Hoisting)

자바스크립트에서 변수 및 함수 선언이 스코프의 상단으로 끌어올려지는 현상


var

중복 선언 가능. 재할당 가능.

함수레벨 스코프

함수내에서 선언된 변수는 함수 내에서만 유효하고,

함수 내에서는 블록 내외부에 관계없이 유효 함수 외부에서는 참조불가.

호이스팅 수행

1
2
3
4
console.log(x); // undefined
var x = 10;

// 에러 안남

let

중복선언 불가. 재할당 가능

블록레벨 스코프

모든 코드블록 ({..}) 내부에서 선언된 변수는 코드 블록 내부에서만 유효함.

호이스팅 수행 안함

const

중복선언 불가. 재할당 불가.

블록레벨 스코프

모든 코드블록 ({..}) 내부에서 선언된 변수는 코드 블록 내부에서만 유효함.

호이스팅 수행 안함


This post is licensed under CC BY 4.0 by the author.