JavaScript - Variables 변수

🦜 eunhye_k·2022년 2월 8일
1
post-custom-banner

💡 Variables(변수)란?

변수는 데이터를 저장하기 위한 컨테이너 = 데이터 값 저장

💡 Variables(변수) 표기법

  • 카멜 표기법(Camel Case)
    변수가 여러 단어로 이루어질 경우에 첫 번째 단어는 모두 소문자로 작성하고,
    그다음 단어부터는 첫 문자대문자로 작성하는 방식으로 낙타의 등모양을 닮았다고 하여
    카멜이라 불린다. JavaScript에서는 관행적으로 카멜 방식을 많이 사용한다.

    javaScript | camelCase | snakeCase

  • 스네이크 표기법(Snake Case)
    변수를 이루는 단어들을 소문자로만 작성하고, 그 단어들을 언더바 _ 로 연결하는 방식

    java_script | camel_case | snake_case

🚨 주의!

  • 미리 예약된 단어들을 키워드(keyword) 또는 예약어(reserved word)라고하며, 변수로 사용할 수 없다.
  • 변수의 이름은 영문자(대소문자), 숫자(첫 글자로 사용불가), 언더스코어 _ 또는 달러($)로만 구성한다.

💡 Variables(변수) 선언방법

  • var
  • let
  • const
  • 별도로 선언하지 않음

1. var

변수 재선언 가능, 재할당 가능, Hoisting(○)

	var a;  // 선언 당시 초기화를 하지않으면 "undefined"값을 가짐
	var b = 0;  // 선언과 동시에 초기화
	var a, b; // 한 번에 여러 개의 변수를 함께 선언할 수 있음
	var a=0, b=1; // 선언과 초기화를 동시에 설정가능

	var a = b;
	var a = c;
	a = d;
	//재선언, 재할당 가능

2. let

변수 재선언 불가, 재할당 가능

	let a = b;
	let a = c;
	//재선언 불가

	let a = b;
	a = c;
	//재할당 가능

3. const(상수)

변수 재선언 불가, 재할당 불가

	const a = b;
	const a = c;
	//재선언 불가

	const a = b;
	a = c;
	//재할당 불가

4. Hoisting

자바스크립트에서는 함수 안에 있는 모든 변수를 함수 맨 꼭대기로 끌어올려 정의한 후 동작한다.

5. 정리

변수 선언은 기본적으로 const를 사용하고, 재할당이 필요한 경우 let 을 사용하는 것이 좋다.

👋 마치며

스터디 활동을 위해 기록하고 있습니다.
다르거나 추가해야할 내용이 있다면 언제든지 코멘트 남겨주세요 :)

✉ dmsp1234@gmail.com

📍 참고



profile
UI/UX 디자인을 공부하는 퍼블리셔 입니다 (●'◡'●)
post-custom-banner

1개의 댓글

comment-user-thumbnail
2022년 2월 19일

👍👍

답글 달기