본문 바로가기
개발 언어 (Language)/Javascript

자바스크립트 변수

by Tarake 2024. 9. 13.

자바스크립트 변수


변수 선언

변수는 데이터를 저장하기 위한 저장공간입니다.

자바스크립트에는 4가지 방법으로 변수를 선언할 수 있습니다.

  • 자동 생성
  • var
  • let
  • const

총 4가지가 존재합니다.

 

자동 생성의 예 입니다.

a = 5;
b = "str";
c = 3.14;

 

var

생성의 예

var a = 5;
var b = "str";
var c = 3.14;

1995~2015년까지 자바스크립트에서 사용된 키워드 입니다.

함수 범위 스코프라 문제로 인해서 let과 const 키워드가 생기게 되었습니다.

let과 동작이 비슷해서 var은 없애도 되지만 기존 코드들을 교체해야하는 이유로 현재까지 남아있는 키워드입니다.

 

let

let a = 5;
let b = "str";
let c = 3.14;

let은 블록 레벨 스코프 입니다. var과의 차이점은 let으로 선언하면 변수명이 중복되지 않습니다. 그리고 var에서 let으로 변경된 이유를 예를 들어 설명하면

for(let i = 0; i < 5; i++) {
    console.log(i);
}
let i = 6;

위에 코드로 보면 for문 안에 i는 반복문 안에서만 동작하고 소멸해서 이후에 선언되는 let i 에 영향일 미치지 않습니다. 하지만 var은 함수레벨 스코프라서 영향을 미쳐서 오류가 발생할 가능성을 높이게 됩니다. 그래서 2015년 자바스크립트에서는 let과 const라는 키워드를 만들게 되었습니다.

 

const

const a = 3.14;
// a = 4; 오류

const는 자바에서 final과 비슷한역활을 합니다. 읽기 전용 키워드로 값을 변경하지 않아야 하는경우 혹은 유형을 변경하면 안되는 배열 및 객체를 선언할 때 사용됩니다.

 

자바스크립트 이름 규칙

자바스크립트 변수명은 고유한 이름으로 식별되어야합니다. 즉 변수명이 중복되어서는 안됩니다.

  • 변수명에는 문자, 숫자, 밑줄, 달러 기호가 포함될 수 있습니다.
  • 변수명은 문자로 시작해야합니다. 하지만 $와 _로도 시작이 가능합니다.
  • 변수명은 대소문자를 구분합니다. X와 x는 다른 글자입니다.
  • 자바스크립트 키워드 등의 예약어를 이름으로 사용할 수 없습니다.

 

출처

W3school

 

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

'개발 언어 (Language) > Javascript' 카테고리의 다른 글

자바스크립트에서 타임리프 사용하기  (0) 2024.10.06
자바스크립트 함수  (0) 2024.09.19
자바스크립트 구문  (0) 2024.09.13
자바스크립트 출력  (0) 2024.09.13
자바스크립트 기초  (0) 2024.09.13