본문 바로가기

프로그래밍/javascript&typescript

식별자

MDN에서 정의한 식별자는 아래와 같다. 

 

식별자는 코드 내의 변수, 함수, 혹은 속성을 식별하는 문자열입니다.
Javascript의 식별자는 대소문자를 구별하며 유니코드 글자, $, _, 숫자(0-9)로 구성할 수 있지만, 숫자로 시작할 수는 없습니다.
식별자는 코드의 일부이지만 문자열은 데이터이기 때문에, 식별자와 문자열은 다릅니다.
JavaScript에서 식별자를 문자열로 변환하는 방법은 없지만, 어떤 경우 문자열을 분석해 식별자로 사용할 수 있습니다.

 

추가로 덧붙이자면 식별자는 공백을 포함할 수 없다. 

또한 길이제한을 따로 하고 있지 않지만, 너무 길어지면 사용하기가 어렵기 때문에 자연스레 짧게 선언한다. 

 

let age = 10; 

function setAge() {}

const o = {
	age: 10,
}

 

 

식별자는 데이터가 될 수 없지만, 데이터는 식별자가 될 수 있다. 

객체의 속성일 경우 computed property라는 것이 존재하는데, [] 안에 문자열을 넣는 것이다. 

아래의 예시에서  ['myname']이 이에 해당한다.

[] 안에 들어있는 것은 문자열, 즉 데이터인데 이는 식별자화 되어 name 속성과 같이  접근이 가능하다.  

computed property로 데이터를 식별자화하게 되면 식별자 명명규칙을 적용하지 않을 수 있다. 

단, 명명 규칙을 적용하지 않았을 경우에는 객체 내에 속성을 정의할 때와 똑같은 형태로만 접근이 가능해진다.

 

 const o = {
 	name: 'min',
	['myname']: 'jung',
	['my name']: 'kim' 
}

o.name;
o.myname;
o.my name;		// 불가능
o['my name'];

 

식별자 관습적 컨벤션 

1. 상수는 대문자

상수는 처음 선언된 이후로 수정이 되지않고 사용만 되기 때문에, 구분하기 쉽게 대문자로 사용한다. 

2. 이름이 길 경우엔 단어 사이의 구분 방법 필요 

- 카멜케이스(setAge) : 단어와 단어 사이를 대문자로 구분

- 스네이크 케이스(set_age) : 단어와 단어 사이를 '_'를 이용해 구분

'프로그래밍 > javascript&typescript' 카테고리의 다른 글

참조와 복사  (0) 2021.10.18
변수와 상수  (0) 2021.09.18
첫번째 프로젝트:hacker news(7) 템플릿  (0) 2021.09.15
첫번째 프로젝트:hacker news(6) 페이징  (0) 2021.09.13
javascript 환경  (0) 2021.09.12