728x90
728x90

앞 게시물에서 언급했듯이 식별자는 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름을 말한다.

→ 다음과 같은 네이밍 규칙을 지켜야 함

  • 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어_, 달러 기호를 포함할 수 있다
  • 단 , 식별자는 특수문자를 제외한 문자, 언더스코어, 달러 기호로 시작해야한다

→ 숫자로 시작하는 것은 허용하지 않는다

  • 예약어는 식별자로 사용할 수 없다

예약어 표

awaitbreakcasecatchclassconst

continue debugger default delete do else
enum export extends false finally for
Function if implements import in instanceof
interface let new null package private
protected public return super static switch
this throw true try typeof var
void while with vield    
  • 식별자는 대소문자를 구분한다
  • 식별자는 의미있는 단어나 약어로 작성한다
  • 변수와 상수는 명사형으로, 함수는 동사형으로 작성한다
  • 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 작성하는 CamelCase를 사용한다
  • 상수는 모든 글자를 대문자로 작성하고 단어와 단어 사이에 언더스코어를 사용한다

→ 변수 이름도 식별자이므로 위 네이밍 규칙을 따라야 한다.

→ 쉼표로 구분해 하나의 문에서 여러개를 한꺼번에 선언할 수 있지만 가독성 때문에 추천하지 않는다

var person,$elem,_name,first_name,vail;
  • Es5부터 식별자를 만들 때 유니코드 문자를 허용함→ 알파벳 말고 한글이나 일본어도 가능

→ 권장하지 않음

참고해야 할 사항들

  • 변수의 이름은 변수의 존재 목적을 쉽게 이해할 수 있도록 의미를 명확히 표현해야 함
  • 좋은 변수 이름은 코드의 가독성을 높임
  • 변수 선언에 별도의 주석이 필요하고 그걸 봐야 이해가 된다면? 니가 변수 선언 뭣같이 한거임. 다시해

네이밍 컨벤션

  1. 카멜 케이스 ( 변수와 함수의 이름)
var firstName;

두번째 단어의 첫글자를 대문자로 바꿔준다

  1. 스네이크 케이스
var first_name;

단어 사이를 언더스코어로 구분한다.

  1. 파스칼 케이스 (생성자 함수. 클래스의 이름)
class UserInfo {}

각 단어의 첫 글자를 대문자로 작성하는 방식. 클래스 이름에 주로 사용된다.

  1. 헝가리안 케이스
var strFirstName;
var $elem = document.getElementByID('myId')
var observable$ = fromEvent(document, 'click')

헝가리안 케이스는 변수의 타입을 앞에 붙여서 표시하는 방식이다


코드 전체의 가독성을 높이려면 카멜 케이스와 파스칼 케이스를 따르는 것이 유리하다

  • 함수를 선언할때는 동사형으로 한다
function getUserInfo() {}
728x90
300x250

+ Recent posts