반응형
- 불필요한 주석 제거한다.
꼭 필요한 것이 아니라면 주석 달지 않도록 한다! - 변수 정의할 때 var 사용 자제한다.
const, let이 나온 이후 var은 잘 사용하지 않는다.
함수 안에서, 밖에서 재할당 되는 값인지 생각하고 일관성을 갖자.
- 변수의 이름을 지을 때, 제 3자가 봐도 쉽게 이해할 수 있도록 작성하자.
변수의 이름이 길어지는 것에 두려워말자! - 할당된 변수는 재할당하지 않는다.
코드가 길고 복잡한 경우, 예상치 못한 결과가 발생될 수 있다! - class name을 작성할 때, camel case가 아닌 kebab case로 작성한다.
일반적인 컨벤션이라고 한다! - 가독성에 신경쓰자.
책을 쓴다고 생각하자! - 함수를 빠져나올 때는 return!
함수 안에 for문에서 볼일 다 봤으면(?) return으로 아예 빠져나오기. - 파일의 마지막엔 항상 빈 줄을 하나 추가해주자(=개행을 한다).
POSIX(Unix 기반 시스템을 제어할 수 있는 표준) 명세에 text파일과 line에 대한 규격이 정의되어있다.
간단하게 정리하자면,
- 3.392 Text File
텍스트 파일은 행의 집합이다.
- 3.205 Line
행의 끝(terminating)은 개행(sequence of zero or more non-s)으로 끝난다.
이를 지키지 않으면 예기치 않은 문제가 발생할 수 있다고 한다..! - Temporal Dead Zone(TDZ)를 인지하자.
var, let/const는 서로 다른 라이프 사이클을 가지고 있다.
var - 변수 선언 전에 선언, 초기화 단계를 동시에 진행한다.
따라서 변수 선언전에 호출을 하면 undefined로 호출되는 호이스팅이 발생한다.
let/const - var과 다르게 선언 단계와 초기화 단계가 나뉘어 진행된다.
따라서 변수 선언 전에 호출하면 변수 객체에 등록이 되어있는데도 메모리 할당이 되지 않아
참조 에러(ReferenceError)가 발생한다고 한다.
즉, 호이스팅은 되었지만 안되었다고 보이는 것..!
자세한 설명은 아래 블로그에서 확인해보자.
출처
https://noogoonaa.tistory.com/78
TDZ(Temporal Dead Zone)이란?
함께보면 좋은 글 2020/07/05 - [프로그래밍 언어/Javascript] - 자바스크립트 호이스팅(Hoisting)이란? 오늘은 TDZ(Temporal Dead Zone)에 대해서 알아보도록 하겠습니다. 이번 포스팅은 자바스크립트의 호이스.
noogoonaa.tistory.com
반응형
'IT > JS' 카테고리의 다른 글
Hoisting에 대한 정리 (0) | 2021.07.31 |
---|---|
JS에서의 this란 무엇일까? (0) | 2021.07.26 |
null의 타입, trim() (0) | 2021.07.22 |
Array (0) | 2021.05.20 |
Function (0) | 2021.05.20 |