개발 공부

js - 변수와 자료형 본문

frontend/js

js - 변수와 자료형

규율 위에 자유 2023. 7. 26. 22:28

학습파일

04_변수와 자료형.html
0.01MB

 

변수 선언시 var 뿐만 아니라 let, const 이용해서 선언가능

var는 자유롭게 변수 선언 및 사용할 수 있다는 장점이 있지만 중복된 변수가 남발 될 수 있고,

의도치 않게 값이 변경되어 있을 수 있다. => 가장 큰 단점

이를 보완돼서 나온게 let,const이다
권장사항 :let,const를 위주로 사용하고 개발 가이드에 따라 쓰면된다.

 

변수 선언 방법

var 변수명

 var userId = "user01";

 

let 변수명

let userPwd = "pass01";

 

const 변수명

const hobby = "운동";

 

**변수 선언시 자바와는 다르게 자료형을 별도로 지정하지 않음 (자료형의 개념이 없는건 아니다) 
=>변수에 대입되는 값(리터럴)에 따라서 알아서 자료형이 결정된다.

 

자바스크립트의 자료형


String(문자열)
number(숫자형)
boolean(논리값)
object(객체)
function(함수)
undefined(초기화가 되지 않은 변수)

 

var,let,const의 차이점

재할당 / 중복선언

 

1) var 

재할당과 변수명 중복선언이 둘 다 가능하다.

 

var 는 변수명 중복선언과 재할당이 가능하다

 

 

2) let

재할당만 가능하고  변수명 중복선언은 불가능하다.

 

재할당 가능

 

 

중복선언 불가능

 

 

3) const 

재할당 ,변수명 중복선언 모두  불가능하다.

 

 

 

변수 선언위치에 따른 전역변수/지역변수

 

1)특정 함수 영역 밖에 선언딘 변수는 전역변수로 잡히게된다. 

(전역변수는 어디든 다 사용 가능)

 

 

console

 

2)기본적으로 지역변수명과 전역변수 명이 중복될 경우지역변수에게 우선권을 준다

   이때 무조건 전역변수에 접근하고자 한다면  this.전역변수명 window.전역변수명으로 접근 가능하다

 

'frontend > js' 카테고리의 다른 글

js- 배열  (0) 2023.07.29
js-문자열과 숫자  (0) 2023.07.27
js - 요소 가져오기  (0) 2023.07.25
js - 데이터 입출력  (0) 2023.07.24
JavaScript 개요  (0) 2023.07.20