[JS] 자바스크립트 변수 생성

변수 생성

 1. var : ES5 이전에 사용하던 변수 생성 키워드

var num = 2;
console.log(num); //2

 2. let : ES6부터 나온 변수 생성 키워드

let num = 3;
console.log(num); //3

 3. const : ES6부터 나온 상수 생성 키워드. 일단 값을 할당하면 재할당 불가!!

              const는 선언과 동시에 할당하여야 한다. 선언만 하게되면 에러 발생!

const num = 4;
console.log(num); //4

 

 

자바스크립트 런타임

자바스크립트 코드를 실행하면, 위에서 부터 한줄 씩 실행되고, 이를 런타임이라고 한다,

 

 

자바스크립트 변수 생성 과정

 1. 선언 : 소스 코드에서 변수를 선언하면,

 2. 초기화 : 런타임에서 변수에 값을 할당한다.

 

 

자바스크립트 기본 타입

1. 숫자(number) : 64비트 부동소수점 형식으로, 모든 숫자를 실수로 처리한다.

 

2. 문자열(string) : 16비트 유니코드 문자셋으로 구성된 문자열

• 작은 따옴표(' '), 큰 따옴표(" "), 템플릿 리터럴(` `)으로 문자열을 할당할 수 있다.
• ES6부터 도입된 템플릿 리터럴을 이용하면, 줄바꿈이나 공백이 모두 적용된다.

var str1 = 'Hi';
var str2 = "Hello";
var str3 = `Hi!
		I am KCY.
			Nice to meet you.`;
console.log(`str1의 값 : ${str1}`);
console.log(`str2의 값 : ${str2}`);
console.log(`str3의 값 : ${str3}`);

 

 

동적 타이핑

자바스크립트는 데이터 타입을 바꿀 수 있는 동적 타입 언어다.

숫자가 할당된 변수라도 문자열이나 불리언 값을 재할당할 수 있다.

 

1. 숫자형 변수 선언

var num = 10;
console.log(typeof num);  //number

2. 문자열 재할당

var num = true;
console.log(typeof num);  //boolean

 

 

자바스크립트 null값은?

자바스크립트의 null은 '의도적으로 값이 없음'을 명시하기 위한 기본 데이터 타입이다.

 

타입도 null이며, 값도 null인 Primitive Type이다.

즉, null은 객체가 아닌 기본 타입이다.

 

따라서, null의 typeof 연산자로 체크해보면 object가 뜬다.

var null_type = null;
console.log(typeof null_type);

 

 

 

 

템플릿 리터럴(Template Literal)

ES6부터 새로 도입된 문자열 표기법이다.

1. 문자열 생성 시 따옴표 대신, 백틱(` `)을 사용한다.

var str = `Hello World`;

 

2. 표현식 삽입(Expression Interpolation)시, ${ }을 사용한다.

    - ${ }사이에 변수나 연산 등을 삽입할 수 있게 되었다.

var name = `사과`;
var price = 100;
var num = 5;

console.log(`${name}의 구매가는 ${price * num}원 입니다.`);