리터럴(Literal)이란?

ME2DESIGNER.COM·2022년 2월 17일
1

JavaScript

목록 보기
3/16
post-thumbnail
post-custom-banner

리터럴(Literal)을 알려면 상수(constant)를 같이 알고 둘을 구분할 수 있어야 한다.

상수(constant)란?

상수는 변하지 않는 변수를 뜻한다.

  • 상수에 넣는 데이터로는 숫자만 오는 것이 아니라 클래스나 구조체 같은 객체도 올 수 있다.
  • 참조변수를 상수로 지정할 때, 참조변수 안의 속성의 데이터까지도 변하지 않는다고 생각할 수 있지만, 참조변수 메모리의 주소값이 변하지 않는다는 의미일 뿐, 그 주소가 가리키는 데이터들은 변할 수 있다.
    const obj = { name: 'me2designer', age: '40' }
    obj = [ 'apple', 'banana' ]; // 오류
    obj.age = 41;
    console.log(obj) // {name: 'me2designer', age: '41'}



리터럴(Literal)이란?

리터럴은 데이터(값) 그 자체를 뜻한다. 즉, 변수에 넣는 변하지 않는 데이터를 의미하는 것.

const age = 40;

여기서 age는 상수이고, 40은 리터널이다.

Javascript뿐 아니라 프로그래밍 언어에 리터럴이란 용어는 널리 사용되며, 리터럴은 소스 코드의 고정된 값을 대표하는 용어라고 합니다. (아래 예시 참고)

const num = 1; // num은 상수이고 1은 10진수 정수 리터럴입니다.
let str = '이름'; // str은 변수이고 '이름'은 문자열 리터럴입니다.
const array = []; // [] = 배열 리터럴.
const object = {}; // {} = 객체 리터럴.



리터널의 종류

리터럴예시비고
정수 리터럴100
부동소수점 리터럴10.5
2진수 리터럴0b010000010b시작
8진수 리터럴0o101ES6에서 도입. 0o로 시작
16진수 리터럴0x41ES6에서 도입. 0x로 시작
문자열 리터럴'hello'
"world"
불리언 리터럴true
false
null 릴터럴null
undefined 리터럴undefined
객체 리터럴{ name: 'Lee', address: 'Seoul' }
배열 리터럴[ 1, 2, 3 ]
함수 리터럴function() {}
정규 표현식 리터럴/[A-Z]+/g



리터럴 표기법이란?

코드 상에서데이터를 표현하는 방식 을 리터럴이라 하고, 객체 지향언어에서는 객체의 리터럴 표기법을 지원한다.

리터럴표기법이란, 변수를 선언함과 동시에 그 값을 지정해주는 표기법을 말한다.

// 리터럴 표기법
let string = 'jangjihun'; // 문자열 리터럴
let obj = { name: 'me2designer', age: '40' } // 객체 리터럴



정리

상수는 메모리 위치(공간)이며, 메모리 값을 변경할 수 없다.
리터럴은 메모리 위치(공간) 안에 저장되는 값이다.

profile
UI 마크업 개발자 장지훈입니다.
post-custom-banner

0개의 댓글