JavaScript
-
임시 변수 제거JavaScript/CleanCode 2022. 10. 6. 13:04
임시 변수의 문제점? - 명령형으로 가득한 로직 - 어디서 어떻게 잘못되었는지 디버깅이 힘들다 - 함수를 하나의 역할만 하게 해야하는데, 임시 변수라는 키워드가 추가적인 코드를 작성하고 싶게 유혹하게 된다. - 코드 유지보수가 어렵다 임시 변수의 해결책? - 함수 나누기 - 바로 반환(return) - 고차함수 사용(map, filter, reduce) 사용 - 선언형 코드로 바꾸기 아래 코드를 보면 임시 변수(임시 객체)는 코드가 깔끔하지 않다. function getElements() { const result = {}; // 임시 객체 result.title = document.querySelector('.title'); result.text = document.querySelector('.text..
-
전역 변수의 사용을 억제하는 방법JavaScript 2022. 5. 15. 21:24
전역 변수는 스코프 체인에서 종점에 존재한다. 이는 변수를 검색할 때 전역 변수가 가장 마지막에 검색된다는 것을 말한다. 즉, 전역 변수의 검색 속도가 가장 느리다. 전역 변수를 반드시 사용해야 할 이유를 찾지 못한다면 지역 변수를 사용해야한다. 변수의 스코프는 좁을수록 좋다! 즉시 실행 함수 모든 코드를 즉시 실행 함수로 감싸면 모든 변수는 즉시 실행 함수의 지역 변수가 된다. (function () { var foo = 10; // 즉시 실행 함수의 지역 변수 })(); console.log(foo); // error 네임스페이스 객체 전역에 네임스페이스 역할을 담당할 객체를 생성하고 전역 변수처럼 사용하고 싶은 변수를 프로퍼티로 추가하는 방법이다. const MYAPP = {}; // 전역 네임스페..
-
이상적인 함수는?JavaScript 2022. 5. 13. 22:13
이상적인 함수는 한 가지 일만 해야 하며 가급적 작게 만들어야 한다. 매개변수는 코드를 이해하는 데 방해되는 요소이므로 이상적인 매개변수의 개수는 0개이며 적을수록 좋다. 매개변수의 개수가 많다는 것은 함수가 여러 가지 일을 한다는 증거이므로 바람직하지 않다. 따라서 매개변수는 최대 3개 이상을 넘지 않는 것을 권장한다. 만약 그 이상의 매개변수가 필요하다면 하나의 매개변수를 선언하고 객체를 인수로 전달하는 것이 유리하다. 객체를 인수로 사용하는 경우 프로퍼티 키만 정확히 지정하면 매개변수의 순서를 신경 쓰지 않아도 된다. 또한 명시적으로 인수의 의미를 설명하는 프로퍼티 키를 사용하게 되므로 코드의 가독성도 좋아지고 실수도 줄어드는 효과가 있다. 하지만 주의할 것은 함수 외부에서 함수 내부로 전달한 객체..