Front/JavaScript

변수(Variable) - javascript 기본

oodada 2024. 6. 23. 21:08

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
티스토리 친구하기