자바스크립트 코딩규칙 #1

변수 함수 호출

1. stric mode를 사용하라

2. 비교구문을 사용은 '===' 으로 사용하라


UI 레이어 관련

1. css에 스크립트 구문에서 제거하라

2. html과 태그에 이벤트헨들러를 제거하라

3. html 파일에 자바스크립트 코드를 제거하라

예) 인라인 스크립트 <script> ... </script>

모든 자바스크립트는 html과 별도파일로 관리하라.


4. 자바스크립트에 DOM조작을 위해 존재하는 hmtl 태그를 제거하라
- 서버에서 가져오기
서버에서 템플릿을 load한다.
- 클라이언트 사이드 템플릿(권장)
html파일에 템플릿을 만들고 관리한다.

전역선언방지

1. stric mode를 사용하라
- 스크립트엔진이 더욱엄격하게 문법검사를 시행하게 됩니다.

2. One-Global 접근법
전역리터릴 변수를 하나 선언해서 모든전역객체를 선언한 변서의 리터럴 변수로 포함시킨다.

3. namespace


4. 모듈

5. Zero-Global 접근법
(function (win){
var doc = win.document
코드..
코드..
}
)(window))


이벤트처리

1. 애플리케이션 이벤트 실행 로직 함수로 분리

2. 이벤트 객체의 프로퍼티를 파라미터로 사용할 경우 이벤트객체 전체를 넘기지 말고 필요한 파라미터만 추출하여 사용하라
예)
this.showTest(evnet) --> this.showTest(event.clientX, event.clinentY);

이유
- 이벤트의 어떤 값이 파라미터로 넘어가는지 알수 없어 함수의 용도를 파악하기 어렵게한다.
- 테스트할 때 이벤트 객체를 직접 말들어야 하고 어떤 파라미터가 필요한지 다시 확인해야 한다.

구성데이터 분리
1. 데이터 대상
- URL
- UI에 보여지는 문자열
- 반복되는 상수, 설정값
- 변경될수 있는값

2. properties 형태로 저장
3. 호출방식에 따라 json, jsonp, javascript 변수에 json 할당