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

1. var 대신 let과 const를 사용하자

: 범위가 분명해지고, 전역 객체를 생성하지 않으며, 동일 변수명을 다시 선언할 때 오류를 표시하기 때문

 

 

2. 주석으로 코드를 작성하지 말자

: 코드를 읽기 편하게 작성하는 것이 가장 중요

: 주석은 코드의 맥락을 설명할 뿐

 

- 주석을 작성하는 팁

: 이 코드가 무슨일을 하는지 쓰기보단 왜 이런일을 하는지 작성

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

: 최대한 많이 요약. 꼭 필요한 것이 아니라면 문단 단위로 작성하지 말 것

: 주석 언어 사용에 대해 일관성 유지

: 시간이 지나도 주석은 수정되어서는 안됨

 

 

3. ===을 사용하자

: 완전 항등 연산자인 ===을 사용하여 피연산자의 타입과 값을 동시에 확인

 

 

 

4. 옵셔널 체이닝을 사용하자

: 옵셔넝 체이닝 연산자인 ?.을 사용하여 객체의 모든 레퍼런스를 확인하지 않아도 객체 체인의 깊숙한 곳에 있는 속성 값을 확인하자

: 존재하지 않는 속성값에 대한 접근 시 오류를 방지 할 수 있음

: 통제할 수 없는 오류를 미리 예방할 수 있음

 

 

 

5. 매직넘버와 매직스트링을 사용하자

: 코드에서 직접 사용되는 숫자 또는 문자열인 매직 넘버와 매직 스트링을 사용하자

: 명확한 컨텍스트는 없지만 목적이 있는 값들을 상수에 넣자는 얘기

 

 

 

6..API 호출 오류에 대해 try/catch로 에러를 처리하자

: async/await 에 대해서는 꼭 try catch를 사용해줘야 애플리케이션의 다운을 예방할 수 있음

 

 

 

7. 매개변수를 단일 객체로 하지말고 여러 개를 사용하자

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

: 함수에 필요한 매개변수를 정확히 명시할수록 코드를 읽기가 쉬우며 테스트에도 용이함

: 가비지 콜렉팅과 불필요한 객체 매개변수 생성을 방지하여 성능 향상 도모

 

 

 

8. 약어를 사용하자

: 값에 대한 유효성 검사를 할 때 x !== '' && x !== null && x!== undefined 와같이 늘려쓰지말고 !!x로 간단하게 줄이자

: 짧고 우아한 방법으로 코드를 축약할 수 있음

: !!x 보다는 boolean(x)가 더 좋은 방법

 

 

 

 

Refference

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