개발 아티클 2

최별 Choi Byeol·2022년 3월 11일
0

개발 아티클

목록 보기
2/4
  • 아티클 - let, const와 블록 레벨 스코프
    • ES6 const와 let은 변수의 선언단계와 초기화단계 사이에 TDZ (일시적 사각지대) 가 존재하므로 초기화되기 전에 접근하려고하면 Reference Error 가 발생할 뿐, 변수 선언단계는 스코프 최상단으로 호이스팅 된다.
    • 변수가 생성되는 3단계 선언 단계 > 초기화 단계 > 할당 단계 - var 키워드는 선언 단계와 초기화 단계가 함께 이루어지고, const/let 키워드는 선언 단계와 초기화 단계가 분리되어 이루어진다.
    • const/let 은 스코프 최상단에서 선언단계는 실행되지만 (=호이스팅) 초기화 및 할당단계는 변수선언문에 도달했을때 실행된다. => 그러므로 초기화 이전에 변수에 접근하면 Reference Error 가 발생한다.

[JavaScript] var, let, const 정리 및 호이스팅 에서 자세하게 정리하였다.


  • 아티클 - 잘못 작성된 람다 코드를 삭제하기까지의 여정
    • 가독성 있는 코드의 중요성!
    • 문제 원인: 가독성
      • 변수와 메소드 이름이 무엇을 말하는지 알 수 없다.
      • 람다 식 하나가 표현하고 있는 내용이 복잡해 이해하기 쉽지 않다.
      • 람다 식을 사용한 다음 결과로 이어지는 파이프라인이 자연스럽지 않아 흐름을 파악하기 어렵다.
    • 해결 방법
      • 먼저 메소드 이름을 의미 있게 고치기
      • 여러 개의 작은 메소드로 분리하기
      • 검증 흐름을 읽기 쉽게 고치기
profile
FE 👩🏻‍💻

0개의 댓글