앱 만들기/JavaScript

자바스크립트 변수에 대해서

나도 처음이야 2023. 8. 16.
x = 5;
y = 6;
z = x + y;

자바스크립트 변수는 총 4가지 타입이 있습니다. 즉 4가지 방식으로 변수를 선언할 수 있다는 뜻입니다.

그 네 가지 방식은 하기와 같습니다.

 

  • Automatically
  • Var
  • let
  • const 

 

입니다.

Automatically는 자동으로 형이 부여되는 것으로 변수 앞에 아무런 키워드 도 적지 않는 것입니다

예를 들면 이러합니다.

x = 5;
y = 6;
z = x + y;

C 나 Java 등의 언어에서는 컴파일 오류가 날 수 있는 것도 자바스크립트에서는 유연하게 값을 도출해 냅니다.

하지만 이런 너무나 높은 자유도 때문에 생각지 못한 논리적 오류가 생길 수도 있습니다.

그래서 웬만하면 이런 방식은 지양하는 것이 좋고, 변수 선언지 키워드를 사용해야 합니다.

 

Var : 해당 키워드는 변수를 만들 때 사용하는 키워드이며 1995년부터 2015년 자바스크립트 버전에서 사용되었습니다.

        물론 지금도 사용은 가능하나, 추천하지는 않습니다. 2015년도 이전의 올드 브라우저 버전등에서 개발된 코드의 유지보수 등에는 여전히 많이 사용될 것이지만, 새롭게 개발하는 프로젝트 등에는 지침사항에 따라 Var 키워드를 사용하지 않는 것이 좋습니다. 이런 이유 역시 자유도가 높은 Var 때문에 논리적 오류가 쉽게 나타날 수 있기 때문입니다.

 

let : 2015년 이후부터 모든 브라우저에서 지원하고 있기에, let 키워드 사용을 추천합니다.

const : 역시 2015년 이후 부터 모든 브라우저에 지원하고 있습니다. const는 constant의 약자로 상수를 의미합니다.

값이 변하지 않는 경우는 const 키워드를 사용하면 됩니다.

 

자유도가 높은 var , 노키워드 방식의 변수 선언 방식에서 

어느 정도는 로우레벨 단이나 객체 프로그램처럼 규칙을 준수하는 방식으로 업데이트되었다고 할 수 있습니다.

자바스크립트가 Class를 지원한 것도 그런 부분 중 하나이니 말입니다.

 

자바스크립트에서 변수 만들대 주의사항 및 var, let, const는 언제 사용할지 정리해 보면.

 

1. 항상 변수를 선언해야 한다.

2. const는 값 변하지 않도록 설정할 때

3. const는 타입이 변하지 않도록 설정할 때 (Array와 obejcts)

4. 그 이외의 변수 선언 시에는 항상 let을 사용한다

5. var는 올드 버전의 브라우저 환경에서만...

 

이렇게 정리할 수 있습니다.

감사합니다.

반응형

'앱 만들기 > JavaScript' 카테고리의 다른 글

자바스크립트 String 데이터 형  (2) 2023.08.17
자바스크립트 이벤트  (0) 2023.08.15
HTML 마우스 이벤트  (0) 2023.08.14
JS document.getElementbyID().innerHTML  (1) 2023.08.10
JS 함수 사용 방법  (6) 2023.08.08

댓글