[Javascript] 기본 - 변수와 자료형

1. 변수

경고창을 띄우는 함수 : alert()

콘솔을 찍는 함수 : console.log

 

let : 이미 선언되어 있으면 알림 줌

이미 선언된 변수를 의도적으로 수정하고 싶을 떄, let 을 생략하고 적으면 수정됨

 

cont : cont로 선언된 변수는 절대 바뀌지 않는 상수

대분자를 사용하는게 좋다. 다른 개발자들에게 상수임을 선언하기 위해

const PI = 3.14;

const SPEED_LIMIT = 50;

 

정리, 

변수선언시 변하지 않는 값 const, 변할 수 있는 값 let으로 선언

 

추천,

cont 로 모두 선언 후 필요시 let으로 선언

 

규칙,

변수는 문자와 숫자, $와 _만 사용

첫글자 숫자 불가

예약어 사용 불가

상수는 대문자로

변수명은 읽기 쉽고 이해할 수 있게 ( a : X, userNumber : O)

 

 

 

2. 자료형

1. 숫자, 문자, $

const name = "Mike"
const message = `my name is ${name}`
console.log(message)

const message1 = `나는 ${30+1}살 입니다`
console.log(message1)
>>> `나는 31살 입니다`

- my name is Mike

- 나는 31살 입니다 (연산도 됨)

 

$ 사용시

- 일반 따옴표 " 사용하면 그대로 노출됨

- ` 로 표기해야만 변수값이 입력됨

 

 

 

2. 연산과 Boolean

- 숫자별, 문자별 연산

const x = 1/0 -- 숫자를 0으로 나눔
console.log(x) -- 무한대

console.log(y).  -- NaN (not a number)

const name = 'Mike';
const age = 30;

console.log(name == 'Mike') >>> True
console.log(age > 40)       >>> False

- 혼합연산 ( 숫자 -> 문자로 바뀜)

const name = 'Mike';
const a = '나는 ';
const b = ' 입니다.';

console.log(a + name + b);
>>> '나는 Mike 입니다'


const age = 30l // number
console.log(a + age + '살' + b)
>>> "나는 30살 입니다."    // age: int -> str

 

 

3. Null vs undifined

# 변수를 선언하고 아무것도 할당하지 않음 : undifined
let age;
console.log(age)
>>> undifined


let user = null
# 객체형 & 심볼형

 

4. typeof 연산자

변수의 자료형을 알아낼 수 있음

const name = 'Mike'

console.log(typeof 3)          >>> number
console.log(typeof name)       >>> string
console.log(typeof true)       >>> boolean
console.log(typeof 'xxx')      >>> string
console.log(typeof null)       >>> object
console.log(typeof undifined)  >>> undifined

 

typeof 의 쓰임

- 타 개발자가 개발한 코드를 볼 때, 변수의 자료형을 알기 위해

- API통신을 통해 받아온 변수의 자료형을 알기 위해

 

객체형

typeof null;  // "object"

null != object

널의 자료형이 오브젝트라고 뜨는 것은 초기 오류이지만, 하위 호환성을 위해 유지함