변수 : 변할 수 있는 수(정보)
변수명을 정할 때
$, _ 을 제외한 공백, 특수문자, 구두점 사용 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 |