[JavaScript] 02. 기본 문법 - 변수/자료형/연산자

JavaScript는 자바와 기본적으로 문법이 유사함

- 자바 스크립트는 ;(세미콜론)을 생략할 수 있음 사용 권장

- 유니코드 문자 셋을 이용하여 한글로 변수를 줄 수 있음 하지말것 

 

1) 변수 

변수(Variable): 값이 여러 번 달라질 수 있는 데이터

상수(Constant): 값을 한 번 지정하면 바뀌지 않는 데이터

 

변수 선언의 규칙 

변수 이름 

영어 문자, 언더스코어(_), 숫자를 사용 

첫 글자는 영문자, _기호, $ 기호 사용 

띄어쓰기나 기호 허용❌

영어 대소문자를 구분하고, 예약어는 변수 이름 사용 불가❌

여러 단어를 연결할 때 하이픈이나 언더스코어를 사용할 수 있고, 중간에 대문자 섞어 쓸 수 있음 

변수의 이름은 의미 있게 작성

 

변수 선언하기

let이나 const 권장

var

변수를 선언. 추가로 동시에 값을 초기화. 

지역 변수/ 전역 변수를 선언할 때 사용 

var a = 10, b = 20, c;

숫자에 " "를 붙이면 문자열이 됨 

 

let

블록 범위(scope) 지역 변수 선언

초기값이 없으면 undefined 값을 갖음 

선언되지 않은 변수에 접근하면 ~ 예외 발생 

 

const 

블록 범위 읽기 전용 상수를 선언 

 

2) 자료형

typeof 3;
typeof 'hello';
typeof true;

typeof 연산자는 피연산자의 평가 전 자료형을 나타내는 문자열을 반환

 

3) 연산자

기본적으로 자바와 유사하지만, 차이점이 몇 가지 있다.

a  = 1/2; // 자바에서는 0 
console.log(a);  // 자바 스크립트는 0.5 

a  = 1/2 + 1/2; // 자바에서는 0 
console.log(a);  // 자바 스크립트는 1

자바에서는 정수/정수는 정수인 것과 차이가 있다.

 

a = '123';
b = 123;

console.log(a == b); // true
console.log(a === b); // false 두 값을 비교할 때 되도록이면 ===으로

a = '123';
b = 123;

console.log(a != b); // flase 두 값을 비교할 때 되도록이면 !==으로
console.log(a !== b); // true

== /!= : 자료형과 무관하게 비교함

=== /!==: 자료형까지 비교함

 

a = "10";
b = 5;
c = a + b; // 문자 + 숫자 -> 문자 + 문자 -> 문자 105
console.log(c);

숫자와 문자열이 결합하면 자동 형 변환이 일어남