JavaScript 인 코딩 규범 추천

이름
1. 변수 와 함수 에 정확 한 의 미 를 가 진 이름 을 지어 야 합 니 다. 함부로 이름 을 짓 지 마 십시오.
2. 비구 조 함 수 는 낙타 봉 명명 법 을 사용 하고 가능 한 한 동 빈 구 조 를 사용 하여 변수 명 과 구별 합 니 다. 예 를 들 어 getName 이나 IsFull 등 입 니 다.구조 함수 (즉 사용자 정의 형식) 이름 의 이니셜 대문자 로 비구 조 함수 와 구별 된다. 예 를 들 어 Person.
3. 변 수 는 낙타 봉 의 명명 법 을 사용한다.JavaScript 는 약 한 유형의 언어 이기 때문에 변수 이름 앞 에 접 두 사 를 붙 이 는 것 을 권장 합 니 다: 성형 (i), 부동 소수점 (f), 불 형 (b), 문자열 (s), 배열 (a).그러나 강제 적 으로 이렇게 하지 않 고 개인 적 인 취미 에 따라 선택 할 수 있 습 니 다. 선택 한 후에 접 두 사 를 넣 는 것 과 접 두 사 를 넣 지 않 는 두 가지 방식 을 혼용 하지 마 세 요.
포석
1. 빈 칸.
a) var 와 변수 이름 사이 에 빈 칸 을 남기 고 변수 이름과 등호 사이 에 빈 칸 을 남기 고 등호 와 초기 값 사이 에 빈 칸 을 남기 고 초기 값 과 분호 사이 에 빈 칸 을 남기 지 않 습 니 다.var i = 10;
b) 참조 형식 변 수 를 글자 양 으로 설명 할 때 각 속성 과 콜론 사이 에 빈 칸 을 남기 지 않 고 콜론 과 초기 값 사이 에 빈 칸 을 남 깁 니 다.예:

 
  
var Person = { 
  
age: 16, 
  
name: "Sam" 
  
}; 
  
 
 

c) function 과 함수 명 사이 에 빈 칸 을 남기 고 함수 명 과 () 사이 에 빈 칸 을 남기 지 않 으 며 () 와 {사이 에 빈 칸 을 남 깁 니 다.
d) 함수 의 매개 변수 사이 에 빈 칸 을 남 깁 니 다.
e) if, while, for 와 왼쪽 괄호 사이 에 빈 칸 을 남 겨 키 워드 를 강조 하고 switch, with 와 왼쪽 괄호 사이 에 빈 칸 을 남기 지 않 습 니 다.
f) 이원 연산 자 와 좌우 두 연산 자 사이 에 빈 칸 을 남 깁 니 다. 한 줄 의 코드 가 길 때 도 빈 칸 을 남기 지 않 을 수 있 습 니 다.
2. 줄 을 바꾼다.
a) 줄 마다 한 줄 을 차지 하고 한 줄 을 더 이상 사용 하지 마 세 요.
b) if, while, for 등 블록 급 역할 영역 뒤의 대괄호 {다른 줄 을 만 들 지 말고 키워드 같은 줄 에 두 십시오.
3. 들 여 쓰기.
a) 들 여 쓰기 4 개의 빈 칸 을 사용 합 니 다. tab 를 사용 하지 마 십시오.
b) 역할 영역 이 다 를 때 그 차원 관 계 를 나타 내기 위해 들 여 쓰기 해 야 한다.
주석
1. 주석 을 합 리 적 으로 추가 합 니 다. 주석 이 전혀 없 으 면 안 되 고 많 을 수록 좋 은 것 도 아 닙 니 다. 중요 한 방법, 변수 와 알고리즘 (또는 기타 주의해 야 할 문제) 에 주석 을 추가 하면 됩 니 다.
2. 소스 코드 를 수정 할 때 주석 을 동기 화하 여 일치 하도록 해 야 합 니 다.
3. 코드 에 html 방식 의 주석 을 사용 하지 마 십시오.
규범
1. 변 수 를 설명 할 때 var 키 워드 를 추가 해 야 합 니 다. 자바 스 크 립 트 는 var 키 워드 를 추가 하지 않 을 수 있 지만 이 때 는 전역 변수 가 되 지만 문제 의 근원 입 니 다.
2. 변 수 를 설명 할 때 초기 화 를 동시에 해 야 합 니 다. 그 다음 에 변수의 데이터 형식 을 바 꾸 지 않 는 것 이 좋 습 니 다.
3. 문장의 끝 에 점 수 를 더 할 수 있 는 것 은 반드시 점 수 를 더 해 야 한다.
4. if, while, for 등 한 문장 만 있 을 때 도 괄호 안에 넣 어야 합 니 다.
5. 전역 변 수 를 함부로 사용 하지 마 십시오. 사용 하지 않 으 면 전역 변수 만 사용 하 는 것 이 좋 습 니 다.
6. 자 바스 크 립 트 와 html, css 간 에 느슨 한 결합 을 유지 해 야 합 니 다. html 는 데이터 층 이 고 css 는 표현 층 이 며 자 바스 크 립 트 는 행위 층 입 니 다. 세 가 지 는 긴밀 한 결합 을 피해 야 합 니 다. 그렇지 않 으 면 후기 에 유지 하기 어 려 울 수 있 습 니 다. html 에는 구체 적 인 자 바스 크 립 트 코드 가 없 으 며 모두 외부 파일 을 포함 하 는 방식 을 사용 해 야 합 니 다. 자 바스 크 립 트 에서 도 innerHTML 등 대량의 html 요 소 를 삽입 하지 않도록 해 야 합 니 다.html 에 요 소 를 넣 는 것 을 고려 하면 초기 에 숨 기기 만 하면 됩 니 다. 자바 스 크 립 트 에 서 는 css 의 구체 적 인 속성 을 직접 수정 하지 말고 className 을 통 해 간접 적 으로 수정 해 야 합 니 다.
7. 모든 대상 이 아 닌 실례 나 원형 에 속성 이나 방법 을 추가 하지 않 고 기 존 방법 을 반복 적 으로 정의 하지 마 십시오. 그렇지 않 으 면 해당 대상 의 새 버 전에 같은 이름 의 속성 이나 방법 이 추가 되 었 을 때 잠재 적 으로 알 아차 리 기 어 려 운 문제 가 발생 할 수 있 습 니 다. 해결 방안 은 두 가지 가 있 습 니 다. 하 나 는 계승 이 고, 다른 하 나 는 포함 입 니 다.
8. 네 임 스페이스 를 사용 하여 여러 라 이브 러 리 간 의 충돌 을 방지 하고 YUI 라 이브 러 리 의 조직 방식 을 참고 할 수 있 습 니 다.
9. 코드 에 나타 난 글자 의 양 에 대해 서 는 특정한 변수의 속성 에 넣 어야 합 니 다. 속성 명 이니셜 이나 모든 자모 대문자 (다른 언어의 define 또는 enum 을 모 의 합 니 다). 예 를 들 어:

 
  
var Color = { 
  
RED: 1, 
  
BLUE: 2, 
  
GREEN: 3 
  
}; 
  
 
 

10. 함수 에 들 어 오 는 매개 변 수 를 검사 합 니 다. 기본 형식 이 라면 type of 를 사용 합 니 다. 인용 형식 이 라면 instanceOf 를 사용 합 니 다. 대상 이 어떤 방법 을 포함 하고 있 는 지 확인 하려 면 type of 연산 자 를 사용 하고 문자열 'undefined' 와 비교 합 니 다.
5. 성능 1. 전역 검색 을 피 합 니 다. 전역 변수 와 함 수 를 사용 하 는 비용 은 국부 변수 와 함 수 를 사용 하 는 것 보다 큽 니 다. 전역 변수 와 함 수 는 역할 영역 체인 의 검색 과 관련 되 기 때 문 입 니 다. 따라서 함수 에서 전역 변 수 를 여러 번 사용 할 때 여러 번 역할 영역 체인 을 찾 습 니 다. 이 문 제 를 피하 기 위해 여러 번 사용 하 는 전역 변 수 를 한 국 에 할당 할 수 있 습 니 다.부 변 수 는 나중에 이 부분 변 수 를 사용 합 니 다.
2. witch 문 구 를 사용 하지 마 십시오. with 문 구 는 자신의 역할 영역 을 만 들 고 추가 비용 을 발생 합 니 다.
3. 속성 찾기 를 피 합 니 다. 속성 찾기 는 O (n) 작업 입 니 다. 대상 의 모든 속성 찾기 는 방문 변수 와 배열 보다 더 많은 시간 이 걸 립 니 다. (방문 변수 와 배열 은 O (1) 작업 입 니 다. 따라서 같은 속성 을 여러 번 사용 하면 국부 변수 에 저장 해 야 합 니 다. 예 를 들 어:

 
  
var sUrl = window.location.href; 
  
var sData = sUrl.substring(sUrl.indexOf("?"));