JavaScript 프로그래밍 표준 학습을 위한 20가지 팁_Javascript 팁

1. js 파일 관리 코드를 사용하세요

모든 코드를 js 파일에 넣은 후 스크립트를 사용하여 html 파일에 소개할 때 반드시 body 태그 뒤에 넣고, 유형이나 언어를 사용하지 마세요.

2. 들여쓰기

들여쓰기는 공백 4개를 사용하세요. 들여쓰기에 탭 키를 사용하지 않도록 주의하세요.

3. 문장 분할

줄 길이에 주의하세요. 각 줄은 80자를 넘지 않아야 하며, 80자를 초과할 경우 적절한 문장 분할을 수행해야 합니다. 쉼표(,) 문장 분할 후 다음 줄에는 공백 8개를 사용합니다.

4. 참고사항

한 줄 주석이 일반적으로 사용되고, 문서에서는 블록 주석이 일반적으로 사용됩니다.

5. 변수 선언

사용하기 전에 모든 변수를 선언하세요. 선언되지 않은 변수는 자동으로 전역 변수가 됩니다. 전역 변수는 텍스트 전체에서 자제해서 사용해야 합니다.
모든 변수를 선언하려면 var를 사용하고 각 선언을 별도의 줄에 배치하고 주석을 추가하는 것이 가장 좋습니다. 가능하면 선언된 모든 변수는 다음과 같이 문자 순서로 나열됩니다.

코드 복사 코드는 다음과 같습니다.

var currentEntry, //현재 선택 테이블 항목
레벨; //들여쓰기 레벨

함수 본문 상단에 모든 변수를 정의하면 함수 본문 첫 번째 줄에 var가 나타납니다.

6. 함수 선언

모든 함수는 범위를 보는 데 도움이 되도록 변수 ------- 사용 전후에 선언해야 합니다.

함수 이름과 괄호 사이에는 공백이 없어야 합니다. 오른쪽 괄호(및 함수 매개변수, 왼쪽 괄호)와 함수 본문 괄호 사이에는 공백이 없어야 합니다. 4개의 공백으로; 함수 본문 닫는 괄호} 및 함수 선언 키워드 function의 첫 번째 문자가 정렬됩니다. 다음 코드:

코드 복사 코드는 다음과 같습니다.

함수 외부(c,d) {
var e = c * d;
함수 inner(a,b) {

          반환(e * a) b;
}

내부(0,1) 반환;

}

함수와 객체는 표현식이 허용되는 어느 곳에나 배치될 수 있습니다.
익명 함수 키워드 function과 왼쪽 대괄호(.
사이에 공백이 있습니다. 전역 함수를 가능한 한 적게 사용하십시오.
함수를 즉시 실행하려면 전체 호출 표현식을 한 쌍의 괄호() 안에 넣어 변수 값이 함수 자체가 아닌 함수 실행의 결과임을 분명히 해야 합니다. 다음 코드:

코드 복사 코드는 다음과 같습니다.

var 결과 = (함수 () {
var 키 = "";
복귀 {
          get: 함수 () {
              리턴 키;
},
설정: 기능(키) {
              키 = 키;
}
};
}());

7. 명명

문자, 숫자, 밑줄이 포함된 이름입니다. 국제 문자, 달러 기호 $ 및 백슬래시를 사용하지 마세요.
이름의 첫 번째 문자로 밑줄을 사용하지 마십시오.
대부분의 변수와 함수 이름은 소문자로 시작됩니다.
생성자는 대문자로 시작해야 합니다. js에서 new를 생략해도 오류(컴파일 또는 실행 오류)가 발생하지 않지만 생략하지 않는 것이 가장 좋습니다.
전역 변수의 이름은 모두 대문자로 지정해야 합니다(js에는 매크로 및 상수 개념이 없습니다).

8. 성명

간단한 표현

한 줄에 최대 1개의 문이 있으며 세미콜론;으로 끝납니다. 함수 리터럴과 객체 리터럴에 값을 할당하는 문도 세미콜론;을 사용합니다.
js에서는 어떤 변수든 문장으로 사용할 수 있도록 허용하지만, 세미콜론을 삽입하면 약간의 오류가 발생할 수 있습니다. 따라서 일반적으로 표현식을 사용하는 문장은 할당문이나 함수 호출문입니다(이 문장의 영어 원문은 대략 이해하지만, 어떻게 번역이 더 좋은지 모르겠습니다)

복합문({} 쌍 사이에 포함된 문)

내부 문은 4칸 들여쓰기됩니다.

여는 괄호 {는 여는 문 줄 끝에 있어야 합니다.
닫는 괄호는 여는 괄호를 포함하는 줄의 첫 번째 문자와 정렬되어 끝 부분에서 자체 줄에 있어야 합니다.
명령문이 제어문(예: for, if 등)에 있는 경우 명령문이 하나만 있더라도 명령문을 중괄호 {}로 묶어 명령문 추가 시 버그가 발생하지 않도록 해야 합니다. .

9. 태그 (이 부분은 좀 아닌 것 같습니다)

레이블을 사용하는 문은 선택적이며, while, for, do, switch 유형만 있습니다.

10. 반품문의

반환된 값은 괄호로 묶어야 하며, 반환 표현식은 return 키워드와 같은 줄에 있어야 합니다(새 줄에 세미콜론을 삽입하지 마세요).

11. if 문

다음 형식을 따르세요.

코드 복사 코드는 다음과 같습니다.

if (조건) {
진술
}

if (조건) {
진술
} 그 밖의 {
진술
}

if (조건) {
진술
} else if (조건) {
진술
} 그 밖의 {
진술
}

12. 성명

다음 형식을 따르세요.

코드 복사 코드는 다음과 같습니다.

for (초기화, 조건, 업데이트) {
진술
}

for(객체의 변수) {
If (필터) {
진술
}
}

첫 번째 루프 형식은 반복 횟수를 결정할 수 있는 배열 및 변수에 사용됩니다.
두 번째는 객체 순회에 사용됩니다
참고: 여기서는 객체 프로토타입에 추가된 속성을 열거할 수 있으므로 필터링하려면 hasOwnProperty 메서드를 사용해야 한다고 언급되어 있습니다. 그러나 코드에서 for를 사용하여 테스트해 보니 표시되지 않았습니다. 문제가 어디에 있는지.

13. while문

다음 형식을 따르세요.

코드 복사 코드는 다음과 같습니다.

while (조건) {
진술
}

14. do-while 문

다음 형식을 따르세요.

코드 복사 코드는 다음과 같습니다.

하세요 {
진술
} while(조건);

문 끝에 세미콜론을 추가하세요.

15. 스위치 문

다음 형식을 따르세요.

코드 복사 코드는 다음과 같습니다.

스위치(표현) {
대소문자 표현:
진술
기본값:
진술
}

과도한 들여쓰기를 방지하려면 각 케이스를 스위치에 맞춰 정렬해야 합니다. 케이스 라벨만 문장이 아니므로 들여쓰기하면 안 됩니다.
모든 Case 문(기본값 제외)은 break, return 또는 throw로 끝나야 합니다.

16. try 문

다음 형식을 따르세요.

코드 복사 코드는 다음과 같습니다.

시도해보세요 {
진술
} 잡기(변수) {
진술
}
시도해보세요 {
진술
} 잡기(변수) {
진술
} 드디어 {
진술
}

17. 계속문

continue 문을 사용하지 마세요.

18. 진술 있음

with 문을 사용하면 안 됩니다.

19. 공백을 사용하세요

코드 가독성을 높이기 위해 빈 줄을 설정하여 논리적으로 관련된 코드 세그먼트를 분리합니다.
다음과 같은 경우 공백을 설정하세요.
키워드 뒤에는 여는 괄호가 옵니다(공백 사용, 예:
동안 (사실) {
함수 매개변수와 여는 괄호(.
사이에는 공백을 사용할 수 없습니다. 마침표(.), 왼쪽 괄호((), 대괄호([)를 제외한 이진 연산자는 공백을 사용하여 피연산자를 구분해야 합니다.
typeof 이외의 단항 연산자와 해당 피연산자 사이에는 공백이 없어야 합니다.
for 문 제어 블록()에는 각 세미콜론 뒤에 공백이 있습니다.
각 쉼표 뒤에는 공백이 있어야 합니다.

20. 추가 제안

[] 및 {}
배열은 멤버 이름이 연속된 정수인 경우에 사용되며, 멤버 이름이 임의의 문자열 및 이름인 경우에는 객체가 사용됩니다.
new object() 대신 {}를 사용하고 new Array() 대신 []를 사용하세요.
쉼표, 연산자
쉼표와 연산자를 사용하지 마세요. (이 규칙은 객체 리터럴, 배열 리터럴 정의, var 선언문 및 매개변수 목록에는 적용되지 않습니다.)
블록 범위
명령문 블록을 사용하지 않는 명령문을 준수하는 것 외에도 js에는 블록 수준 범위가 없고 함수 범위만 있습니다.
과제 표현
while문과 if문의 조건부 판단 부분에는 할당문을 사용하지 마세요.
===그리고!==
동일성을 확인하려면 합동 기호(=== 및 !==)를 사용하고 강제 유형 동일 변환 기호(== 및 !=) 사용을 피하세요.
기호( 또는 -)가 있는 숫자나 기호( 또는 - -)가 있는 숫자에 숫자가 추가(또는 -)되는 경우 기호 또는( 또는 - -)이 있는 숫자를 묶어야 합니다.
eval은 악마입니다(eval의 남용)
eval도 같은 상황이므로 Function 생성자를 사용해서는 안 되며 setTimeout 또는 setInterval 함수에 문자열이 전달되지 않습니다.

위의 20가지 제안은 모두 제가 프로젝트에 요약한 것입니다. 자바스크립트를 배우는 초보자에게 약간의 도움이 될 것입니다. 필연적으로 불완전한 부분이 있으면 여기에 알려주세요. 함께 발전해 보세요.