[JavaScript] 기초문법-1 (변수/ 자료형)

JavaScript 기초문법-1 (변수 / 자료형)

---

✅ 변수

 

▶ 변수 선언 방식 (var / let / const)

var msg = 'hi';
let name = "hyunjin";
const message = `${msg}, My name is ${name}`;

console.log(message); // hi, My name is hyunjin

 

1. var 변수명 = 변수의 내용

- 변수의 재선언 가능

- 변수의 재할당 가능

- 장점 : 변수 재선언이 가능하여 간단한 테스트에서는 편하게 사용 가능.

- 단점 : 변수 재선언이 가능하여 코드량이 많아지면 오류 발생의 원인이 됨.

var msg = 'hi';
console.log(msg); // hi

var msg = 'hello'; // 재선언 가능
console.log(msg); // hello

 

2. let 변수명 = 변수의 내용

- 변수의 재선언 불가능

- 변수의 재할당 가능

let age = 20;
// let age = 22; - 재선언 불가능 오류
age = 22; // 재할당 가능

console.log(age);

 

- 선언 후 아무것도 할당하지 않았다면? undefined 

- 선언 후 null을 할당했다면? null

let age;
console.log(age); // undefined 출력

let age2 = null;
console.log(age2); // null 출력​

 

3. const 변수명 = 변수의 내용

- 변수의 재선언 불가능

- 변수의 재할당 불가능

const age = 22;
// age = 23; - 재할당 불가능 오류
// const age = 23; - 재선언 불가능 오류

console.log(age); // 22

---

✅ 자료형

 

▶ 다양한 자료형 (숫자형, 문자열...)

 

1. NaN

- Not-A-Number 의 줄임말

- 숫자형이 아니라는 뜻

const name = "Mike";
const y = name/2
const x = 5;

console.log(x/2); // 2.5
console.log(y); // NaN - 숫자가 아니다 라는 뜻​

 

2. 문자열 덧셈

문자열 사이에 숫자를 더하면 숫자도 문자형으로 변환됨

const a = "나는 ";
const b = 22; // 이때 숫자 b는 문자형으로 변환됨.
const c = "살 입니다.";

console.log(a + b + c); // 나는 22살입니다.

---