[JavaScript] style guide - coding convention

·2022년 4월 14일
1

JavaScript

목록 보기
2/4
post-thumbnail

몰랐거나 기억하고픈 자바스크립트 스타일 가이드 정리

  • 문자열
    • 문자열 선언 시 작은 따음표 (’)
    • 문자열 내 작은 따옴표 포함 시 템플릿 리터럴(``)
    • 키는 큰 따옴표(”)를 씌운다
      let object = {
      	"key": "value",
      	"key2": "value2",
      }
  • 반복문
    • 일반적인 for문 보다는 for-of
    • 가능하다면 map(), reduce()
  • 스위치문
    • case 구문이 실행되어야 한다면 주석으로 남기기
  • 조건식, 등가식
    • != , == 보다 !== , === 쓰기
    • 조건식은 ToBoolean 메소드에 의한 강제 형변호나으로 평가되어 아래의 규칙을 따른다
      • 오브젝트는 true로 평가
      • undefined는 false
      • null은 false
      • 값은 true로 평가. 단, +0, -0, or NaN 의 경우는 false로 평가
      • 문자열은 true로 평가. 단, 빈문자( '' )의 경우는 false로 평가
  • 네이밍 기본
    • 이름 맨 앞이나 맨 뒤쪽 밑줄(_) 사용 자제
    • this를 변수 값으로 사용하지 않는다. 필요하다면 화살표 함수나 바인딩 사용
    • 이름에 복수형 표기 X {books (x) book_list(O)}
  • 파일 및 패키지
    • 파일의 이름은 소문자
    • 패키지 이름은 lowerCamelCase
  • 변수
    • lowerCamelCase 사용
      • export 되는 파일 내의 상수 예외
    • 알파벳으로 시작
  • 함수
    • lowerCamelCase 사용
    • 함수의 이름은 동사 또는 동사 구문
      • Bad: function whereIsCamel () {}
      • Good: function findCamel () {}
    • 함수 라이브러리
      • export시 PascalCase
      • 파라미터는 lowerCamelCase
  • 클래스
    • PascalCase
    • 명사 또는 명사 구문으로 표기
    • export시 PascalCase

0개의 댓글