JS변수(Variable)
변수 선언
변수 선언은 var
, let
, const
키워드를 사용한다.
var a = 1;
let b = 2;
const c = 3;
var
: 변수 재선언 가능let
: 변수 재선언 불가능const
: 변수 재선언 불가능, 상수 선언
변수 타입
number
: 숫자string
: 문자열boolean
: 참 & 거짓null
&undefined
: 값 없음object
: 객체array
: 배열
변수 이름 규칙
- 변수명은 문자, 숫자, 언더스코어(_), 달러 기호($)로 구성
- 변수명은 숫자로 시작할 수 없음
- 변수명은 대소문자를 구분
- 예약어(this, if 등) 사용 불가능
변수 할당
=
: 할당 연산자
let a = 1;
변수 재할당
- 변수에 새로운 값을 할당하는 것
let a = 1;
a = 2;
변수 참조
- 변수에 할당된 값을 참조하는 것
let a = 1;
let b = a;
변수 범위
global
: 전역 변수local
: 지역 변수
let a = 1; // global
function test() {
let b = 2; // local
}
변수 호이스팅
- 변수 호이스팅은 변수를 선언하기 전에 참조할 수 있는 현상
console.log(a); // undefined
var a = 1;
변수 스코프
- 변수 스코프는 변수의 유효 범위가 어디까지인지를 나타냄
let a = 1; // global
function test() {
let b = 2; // local
console.log(a); // 1
console.log(b); // 2
}
console.log(a); // 1
console.log(b); // b는 지역 변수이기 때문에 전역에서 참조할 수 없음
변수 형 변환
Number
: 숫자로 변환
const a = '1';
const b = '2';
console.log(a + b); // 12
console.log(Number(a) + Number(b)); // 3
String
: 문자열로 변환
const a = 1;
const b = 2;
console.log(a + b); // 3
console.log(String(a) + String(b)); // 12
Boolean
: 참 & 거짓
const a = 1;
const b = 2;
console.log(a === b); // false
console.log(Boolean(a === b)); // false
// a와 b가 같은지 비교한 결과를 boolean으로 변환
'Front > JavaScript' 카테고리의 다른 글
DOM - javascript 기본 (0) | 2024.07.06 |
---|---|
비동기(Async) - javascript 기본 (0) | 2024.07.06 |
javascript 핵심 요약 (1) | 2024.05.30 |
비동기 (Async) - 뉴스 API 데이터 가져오기 예제 (1) | 2024.02.29 |
모듈(Module) - javascript 기본 (0) | 2023.10.22 |