본문 바로가기
JavaScript

변수/상수

by 융디's 2024. 4. 20.
728x90
변수/상수

변수/상수

@2024.04.01

변수란?

💡
선언 후 바뀔 수 있는 값으로, 데이터를 저장하고 참조하기 위한 식별자
  • 식별자 규칙
    • 첫 문자는 문자, _,$으로 시작하며 이후 숫자가 와도 된다.
    • 대/소문자를 구분한다
    • 공백과 키워드(예약어)는 사용 불가능

var

💡
ES6에는 지향하는 타입으로, 함수 범위를 가지며, 재 선언 가능
  • 함수 범위
    // var는 함수 스코프를 갖기때문에, i가 10이되면 반복문은 종료되겠지만, i는 10이다.
    var a = 0
    for (var i=0; i< 10; i++) {
      a += i
    } 
    console.log(i); // 10 출력
  • 과거에는 var을 변수든, 상수든 뭐든 다 사용했다.
  • 중복 선언이 가능
    var a = 0;
    		'
    		'
    		'
    var a = 100; //중복 선언
  • 호이스팅 가능
    console.log(hoi);
    var hoi = "나는 호이스팅이에요.";

let

💡
ES6에서 새로 나온 변수로, 블록 범위를 가지며 변수를 재 선언 불가능
  • 블록의 시작과 끝은 중괄호{}로 구분한다.
  • 중복 선언 불가능
  • 호이스팅 불가능
let number  = 2; // 숫자
let str = "2" or '123'; // 문자
let bool = true; // boolean
let array = []; // 배열
let obj = {}; // object
let unde = undefinded; //undefinded
  • 문자열을 숫자로 변환하기
    • parseInt()
    • parseFloat()

변수를 화살표 함수를 통해 초기화

  • () ⇒ { }
    • 매개변수가 하나 있을 경우 () 괄호 생략 가능
    • 단일 표현식일 때 중괄호 생략 가능
const square = n => n * n;
console.log(square(5)); // 출력: 25
// 변수가 여러줄의 코드일 경우
const s => {
	//여러줄의 코드
	return expression;
	}

상수 const

💡
블록 범위를 가지며 상수를 재 선언 불가능
  • Error : “변수” is read-only : 값을 바꾸려고 할 때 나오는 오류

728x90

'JavaScript' 카테고리의 다른 글

콜백 함수  (0) 2024.04.20
함수  (0) 2024.04.20
== VS ===  (0) 2024.04.20
Null vs Undefined  (0) 2024.04.20
JavaScript란?  (0) 2024.04.19