명명 규칙

• 변수, 함수에는 카멜 케이스 사용

  // 숫자, 문자, 불린
  let dog;
  let variableName;
  
  // 배열 - 배열은 복수형 이름을 사용
  const dogs = [];
  
  // 정규표현식 - 정규표현식은 'r'로 시작
  const rDesc = /.*/;
  
  // 함수
  function getPropertyName() {
    ...
  }
  
  // 이벤트 핸들러 - 이벤트 핸들러는 'on'으로 시작
  const onClick = () => {};
  const onKeyDown = () => {};
  
  // 불린 반환 함수 - 반환 값이 불린인 함수는 'is'로 시작
  let isAvailable = false;
  

• 상수는 영문 대문자 스네이크 표기법 사용

  SYMBOLIC_CONSTANTS
  

전역 변수

• 암묵적 전역 변수를 사용하지 않는다.

  // Bad
  result = x + y;
  let a = b = 0 // b가 암묵적 전역 
  
  // Good
  let result = x + y;
  let a, b;
  a = b = 0;
  

선언과 할당

• 값이 변하지 않는 변수는 const를, 값이 변하는 변수는 let을 사용하여 선언한다. var는 절대로 사용하지 않도록 한다.

• const를 우선하여 선언하고, 변하는 값으로 판단되면 let으로 변경한다.

• const를 let보다 위에 선언하고, 사용 시점에 선언 및 할당한다.

  const len = this._array.length;
  const len2 = this._array2.length;
  let i = 0;
  let j = 0;
  let foo, bar;
  

  // Good 
  function foo() {
    const len = this._array.length;
    for (let i = 0; i < len; i += 1) {
        ...
    }
  
    // 사용 시점에 선언 및 할당
    const len2 = this._array2.length;
    for (let j = 0; j < len2; j += 1) {
        const item = this._array2[j];
        ...
    }
  }
  

배열과 객체

• 배열과 객체는 반드시 리터럴로 선언한다.
• 배열 복사 시 순환문을 사용하지 않고, 전개 연산자를 사용한다.

함수