[JS] 코드 작성 tips

https://yozm.wishket.com/magazine/detail/1836/

나쁜 자바스크립트 작성 습관과 작별하기 | 요즘IT

1. var 대신 let, const를 사용할 것

* 범위가 분명해짐

* 전역 객체를 생성하지 않음

* 동일 변수명을 다시 선언할 때 오류를 표시함

 

2. 주석은 맥락을 설명해야 한다

* 의견 중복하지 않기. 무슨 일을 하는지가 아닌 왜 하는지 작성하라

* 함수 / 변수 / 클래스 이름으로 설명하는 것이 장황한 주석보다 낫다

* 최대한 많이 요약하고 문단 단위로 작성하지 말 것

* 주석은 수정되지 않아야 함

 

3. ==대신 ===를 사용할 것

* ==는 일반 항등 연산자 ===는 완전 항등 연산자

* 일반 항등 연산자는 피연산자가 유사한 여부만 확인함

* 완전 항등 연산자는 피연산자의 타입과 값을 동시에 확인함

 

4. 옵셔널 체이닝을 사용할 것

* ?는 옵셔널 체이닝 연산자

* 해당 객체의 모든 레퍼런스를 확인하지 않아도 속성값을 확인할 수 있음

const pokemon = {
	name: 'Charmander',
	info: {
		ability: 'Blaze'
  	  }
    }
    
    console.log(pokemon?.info?.ability) // Blaze
    console.log(pokemon.info.attack) // Error
    console.log(pokemon?.info?.attack) // undefined (no error)

 

5. 매직 넘버와 매직 스트링을 사용할 것

* 매직 넘버 / 매직 스트링 :  코드에서 직접 사용되는 숫자 또는 문자열

* 상수에 이러한 값을 할당하는 것이 좋음

 

6. API 호출 오류에 대한 적절한 처리

* asyn/await 안에서 try/catch를 사용하여 처리해야함

 

7. 객체를 단일 매개변수로 사용하지 말 것

* 객체에서 여러 속성값이 필요한 함수를 정의할 때, 단일 객체보다 여러 매개 변수를 사용하는 것이 좋음

* 함수에 필요한 매개변수를 정확히 명시할수록 코드를 읽는 것이 쉬움

* 함수를 테스트하기 쉽게 만듦, 유지 보수를 쉽게 만듦, 가비지 콜렉팅 혹은 불필요한 매개변수 생성을 방지하여 성능이 향상 됨

 

8. 약어를 사용할 것

* 변수의 유효성 검사시 if(!!x) {...}와 같은 약어를 사용할 것