[javascript] 상수(Constant) / 리터널(Literal)

[javascript] 상수(Constant) / 리터널(Literal)

---

✔️ 상수란?

: const 키워드로 읽기 전용 상수를 만들 수 있다.

: 상수 식별자의 구문은 변수 식별자와 같다.

 

📓 특징

- 상수는 스크립트가 실행 중에는 대입을 통해 값을 바꾸거나 재선언할 수 없다. 선언시 값으로 초기화해야한다.

- 상수에 대한 범위 규칙은 let 블록 범위 변수와 동일하다.

- const 키워드가 생략된 경우에는 식별자는 변수를 나타내는 것으로 간주하다.

- 상수는 같은 범위에 있는 함수나 변수와 동일한 이름으로 선언할 수 없다. 

 

const PI = 3.141592;

//const sub = 10; // 에러. const 이름과 함수명은 같을 수 없다!

function sub() {
	console.log(PI);
	
	//PI = 3.14; //에러. 값 변경 불가.

💡 대입으로 값 변경 불가!!

 

	const x = 10;
	//var x = 20; //에러. 상수는 같은 범위에서 함수나 변수와 동일한 이름을 선언 불가

💡 같은 범위에서 함수나 변수와 동일하게 선언 불가하다.

 

 

✔️ 리터널 (literal)

: 리터널은 데이터 그 자체를 의미한다. 변수에 넣는 변하지 않는 데이터이다.

: 스크립트에 부여한 고정 값으로, 변수가 아니다.

✨ 종류 : 정수 리터널 / 부동 소수점 리터널 / 불린 리터널 / 문자열 리터널 / 정규식 리터널 / 객체 리터널 / 배열 리터널 / 템플릿 리터널

var a;

a = 13;
console.log(a) // 13

a = 013; //8진수
console.log(a) // 11

a = 0x13; //16진수
console.log(a) //

a = 3.141592; //실수
console.log(a) //


a = 'seoul'; //문자열 리터널
console.log(a) //

a = "서울"; //문자열 리터널
console.log(a) //

a = "c:\\temp"; //문자 이스케이프
console.log(a) //

a = "subject:\"java\""; //문자 이스케이프
console.log(a) //

a = /ab+c/; //정규식
console.log(a) //

a = ["html", "css", "javascript"]; //배열 리터널
console.log(a);

💡 문자를 따로 출력하고 싶으면 역슬래시를 붙이면 된다.
" 출력하고 싶으면= \"
\ 출력하고 싶으면= \\
가로[] 안에 넣으면 배열 리터널이다.

 

 

📓 객체 리터널

//name 속성값에는 홑따옴표 안넣어도 괜찮음.
a = {name: '이자바', age:20}; //객체 리터널
console.log(a);

 

📓 템플릿 리터널

: 템플릿 리터널의 형식 : ${} 

✨ 문자열 구성을 위해서는 따옴표나 쌍 따옴표가 아닌 백스틱 `` 을 사용해야한다!!

var x = "홍";
var y = "자바";
var msg;

msg = `안녕하세요 ${x} ${y}님`; //템플릿 리터널(${} 표현식으로 처리된 값을 문자열로 반환)
	//템플릿 리터널은 반드시 백틱(`)을 사용한다. !!
console.log(msg);