앞에 쓰는 말
코드는 프로그래머의 명함이며, 평범한 코드도 있고, 영리하고, 치밀하고, 사람을 눈이 밝아지게 하는 것도 있습니다. 어떤 코드는 보기만 해도 기분이 좋지만, 어떤 코드는 작성자 자신도 보고 싶지 않을 정도입니다……
一.JavaScript 코드 스타일
코드 스타일은 코드의 옷으로, 깨끗하고 단정하면 자연스럽게 보기 좋습니다. 모든 공백, 모든 줄바꿈, 모든 행의 주석은 더 나은 가독성을 위한 것이어야 합니다.
코드는 사람을 위해 쓰이는 것이며, 부수적으로 기계에서 실행할 수 있다
코드 스타일은 가독성, ��지보수성에 직접적인 영향을 미치며, 단순하고 읽기 쉬운 코드일수록 유지보수하기 쉽습니다
Keep It Simple Stupid
난해하고 짧은 코드는 전혀 필요 없습니다. 예를 들어 3 중 삼항 연산자 등, 몇 바이트를 절약하는 대가는 이후의 모든 독자가 그것을 이해하는 데 1 분을 소비하는 것입니다
코드 스타일에는 다음이 포함됩니다:
-
기본 포맷 (들여쓰기, 행 폭, 명명 규칙 등)
-
주석 포맷
-
문과 식
-
변수, 함수, 연산자
상세 내용은 [黯羽轻扬：JS 코드 스타일 가이드](/articles/js 코드 스타일 가이드/) 를 참조하십시오. 예제가 첨부되어 있습니다
二.JavaScript 프로그래밍 상식
더 유지보수하기 쉬운 코드를 작성하려면, 코드 스타일을 아는 것만으로는 부족하며, 이러한 프로그래밍 상식을牢记해야 합니다:
-
UI 레이어의 느슨한 결합 보장
-
전역 변수 제어
-
이벤트 처리 로직 추가
-
데이터 타입 감지
-
설정 데이터 분리
-
커스텀 오류 스로우
-
오브젝트 소유권 존중
-
브라우저 감지 수행
상세 내용은 [黯羽轻扬：JS 프로그래밍 상식](/articles/js 프로그래밍 상식/) 을 참조하십시오
三.JavaScript 자동화
JS 자동화는 프런트엔드 엔지니어링의 축소판이며, 자동화 도구를 사용하면 유지보수성을 향상시킬 수도 있습니다. 몇 가지 실수하기 쉬운 번거로운 작업은 안심하고 도구에 맡길 수 있습니다
JavaScript 자동화를 수행할 때는 명확히 해야 합니다:
-
자동화의 장단점
-
파일 디렉토리 구조
-
자동화 단계
상세 내용은 [黯羽轻扬：JS 자동화](/articles/js 자동화/) 를 참조하십시오
서평
[caption id="attachment_742" align="alignnone" width="318"]
Maintainable_JavaScript[/caption]
『Maintainable JavaScript』, 얇은 200 페이지, 매우 좋은 책입니다
아직 댓글이 없습니다