[Clean-Code-JS] 변수 다루기

soho·2023년 3월 20일

Clean-Code-JS🧹

목록 보기
1/3
post-thumbnail

📝Start!

배움에 열린 태도를 가질 것!
나에게 편하고 익숙한 프레임에서 벗어나 어색하더라도 다양한 방법을 시도해 볼 것.

JavaScript everywhere!
JavaScript는 어디에서나 다양하게 동작할 수 있는 언어라 그만큼 실수가 많을 수 있는 언어 → 더욱 더 클린코드로 작성하는 것이 중요


강의 출처 : Udemy - 클린코드 자바스크립트


https://velog.velcdn.com/images/cactumer/post/5b6bbe20-467a-49e1-aac3-94d6c947e586/image.png

강의를 듣다 새롭게 알게 된 개념들이나
잊지말아야 할 포인트들을 기록할 예정✏️





1. var 사용을 지양

  • var는 함수 단위 스코프

  • let과 const는 블럭 단위 스코프

    • const는 재할당 금지! but, 객체나 배열 조작은 가능

2. 전역공간 사용 최소화

  • 전역이란?
    최상위 환경(브라우저window , Node.jsglobal)

  • 왜?
    어디서나 접근이 가능하기 때문에 스코프 분리가 위험

  • 어떻게 해결?

전역변수를 사용하지 않고 지역변수를 사용하기최상위환경 조작하지 않기const, let으로 변경해도 충분IIFE, Module, Closure을 사용해서 스코프 나누기


3. 임시 변수 제거하기

  • 왜?
    임시 변수가 생기면 계속 접근해서 추가적인 코드를 작성하기 쉬운 유혹에 빠져서
    → 명령형으로 가득한 로직이 나오고, 어디서 어떻게 잘못되었는지 디버깅이 힘들다.

    결론은 코드 유지보수가 어렵다.

  • 어떻게 해결?

함수 내 임시 변수로 조작이 아닌 딱 하나의 역할만 하는 함수로 만들어 주는 게 좋음함수 나누기고차 함수 사용(map(), filter()...)선언형 코드로 작성 연습하기


4. 호이스팅 주의하기

  • 호이스팅이란 선언과 할당이 분리되어, 런타임시 선언이 최상단으로 끌어올려지는 것

  • 문제? 코드를 작성할 때 예측 할 수 없는 실행결과가 노출된다

  • 어떻게 해결?

var 사용 X함수도 호이스팅 되기 때문에 → 함수표현식 사용함수 표현식이란? 이렇게 변수 안에 함수를 넣어주는 것

	const sum = function() {
		return 1 + 2;
	};
profile
Aal izz well!

0개의 댓글