JS

JS(2) 변수

UserDonghu 2023. 8. 23. 17:15

변수 : 변할 수 있는 수(정보)

 

변수명을 정할 때

$, _ 을 제외한 공백, 특수문자, 구두점 사용 X

첫 글자 숫자 X

대소문자 구별

예약어 (if 등) X

 

JS 변수의 특징

변수 선언 할 때 var, let, const 키워드 사용

var, let, const 키워드는 변수를 선언 할 때 한번만 사용

 

var : 초기화 필요없음. 재선언 가능. 키워드 생략 가능 (strict mode에서는 에러). 함수 외부에서 선언되면 전역.

'use strict'; // 엄격모드에서 실행

valueA; // 변수 키워드 생략은 엄격모드에서 에러

var valueA; // 초기화 필요없음.

var valueA = "hi";
var valueA = "hello"; // 재선언 가능
valueA = "not hello"; // 업데이트 가능

 

let : 업데이트 가능. 같은 블록 내 재선언 불가. 선언된 코드 블록 밖에서 접근 불가.

let valueB = "hello";
valueB = "hi"; // 업데이트 가능

let valueB = "hihi"; // Error : 재선언 불가

 

const : 초기화 필수. 업데이트 불가. 재선언 불가. 선언된 코드 블록 밖에서 접근 불가.

const valueC; // Error : 초기화 필수

const valueC = "hello";
valueC = "hi"; // Error : 업데이트 불가

호이스팅?

변수와 함수 선언을 먼저 해석하는 JS 매커니즘

 

아래와 같이 JS코드를 짜면

console.log (greeter);
var greeter = "say hello"

아래와 같이 해석한다

var greeter;
console.log(greeter); // greeter is undefined
greeter = "say hello"

 

var은 이 호이스팅과 재선언 문제 때문에 잘 안쓴다고 함

let과 const를 적절히 쓰자

'JS' 카테고리의 다른 글

JS(6) Type - 원시타입(3) Boolean, undefined, null  (0) 2023.08.23
JS(5) Type - 원시타입(2) 숫자형  (0) 2023.08.23
JS(4) Type - 원시타입(1) 문자열  (3) 2023.08.23
JS(3) Type 을 확인하는 방법  (0) 2023.08.23
JS(1) JavaScript 기초  (0) 2023.08.23