김 양의 멋따라 개발따기

Javascript - 네이밍컨벤션(naming convention) 본문

Javascript

Javascript - 네이밍컨벤션(naming convention)

개발따라김양 2022. 11. 26. 13:12

1.  자바스크립트의 식별자 네이밍 규칙

  • 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_),달러기호($)를 포함할 수 있음
  • 식별자는  특수문자를 제외한 문자, 언더스코어(_),달러기호($)로 시작해야함
    • 숫자로 시작하는 것은 허용하지 않음
  • 예약어는 식별자로 사용할 수 없음
    • 예약어
      • 프로그래밍 언어에서 사용되고 있거나, 사용할 예정인 단어
      • 자바스크립트의 예약어는 다음과 같음
        • let, const, null, await, break, case, catch, try, true, var, void, this 등등
  • 자바스크립트는 대소문자를 구별
  • 의미를 명확히 표현해야 함.
    • 변수 선언에 별도의 주석이 필요하다면 변수의 존재 목정을 명확히 드러내지 못하는 것

2.  네이밍 컨벤션

  • 하나 이상의 영어 단어로 구성된 식별자를 만들 때 가독성 좋게 단어를 한눈에 구분하기 위해 규정한 명명규칙
//카멜 케이스(camelCase)
let suJeong;

//파스칼 케이스(PascalCase)
let SuJeong;

//스네이크 케이스(snake_case)
let su_jenong;

//헝가리언 케이스(typeHungarianCase)
let strSuJeong // type + identifier
let $elem = document.getElementById("ID") //DOM노드
let observable$ = fromEvent(document, "click")//RxJs옵저버블
  • 일반적인 변수나 함수의 이름에는 카멜 케이스를 사용하고,
    생성자 함수, 클래스 이름에는 파스칼 케이스를 사용함