자바스크립트 코드 사양

JjavaScript 파일

JavaScript 프로그램은 .js 접미사가 붙은 파일에 독립적으로 저장되어야 합니다.

JavaScript 코드는 이 섹션에만 속하는 특정 코드가 아닌 한 HTML 파일에 포함되어서는 안 됩니다. HTML의 JavaScript 코드는 파일 크기를 크게 늘리며 캐시하거나 압축할 수 없습니다.

Indentation

들여쓰기 단위는 공백 4개입니다. 들여쓰기에 Tab 키를 사용하지 마십시오(21세기인 지금도). 탭 길이에 대한 통일된 표준은 아직 없습니다. 공백을 사용하면 파일 크기가 커지지만 근거리 통신망에서는 거의 무시할 수 있으며 최소화 과정에서 제거할 수 있습니다.

한 줄의 길이

한 줄에 80자를 넘지 마세요. 명령문이 한 줄에 맞지 않으면 줄 바꿈을 고려하십시오. 연산 기호에서는 쉼표 뒤에 개행 문자를 넣는 것이 가장 좋습니다. 연산자 뒤에 줄을 바꾸면 복사-붙여넣기 오류가 세미콜론으로 가려질 가능성이 줄어듭니다. 다음 줄은 8칸 들여쓰기 되어야 합니다.

COMMENTS

댓글을 인색하지 마세요. 나중에 귀하의 코드를 이해해야 할 사람들(아마도 귀하 자신)을 위해 정보를 남기는 것은 매우 유용합니다. 주석은 주석이 달린 코드만큼 잘 작성되고 명확해야 합니다. 가끔씩 나오는 유머가 더 좋습니다. 말이나 감정을 표현하는 것을 피하십시오.

적시에 노트를 업데이트하는 것도 중요합니다. 잘못된 주석은 프로그램을 읽고 이해하기 어렵게 만들 수 있습니다.

변수 선언

모든 변수는 사용하기 전에 선언해야 합니다. JavaScript에서는 이를 요구하지 않지만 이를 통해 프로그램을 더 쉽게 읽을 수 있고 선언되지 않은 변수를 더 쉽게 찾을 수 있습니다(해당 변수는 전역 변수로 컴파일됩니다).

함수 시작 부분에 var 문을 넣으세요.

각 변수의 선언문을 별도의 줄에 넣고 주석을 추가하는 것이 가장 좋습니다. 모든 변수는 알파벳순으로 정렬됩니다.

var currentEntry; // 현재 선택

var 수준 // 들여쓰기 수준

var size; // 테이블 크기

함수 선언

모든 함수는 사용하기 전에 선언되어야 합니다. 내부 함수의 선언은 var 문 뒤에 옵니다. 이는 함수 범위 내에 어떤 변수가 있는지 확인하는 데 도움이 될 수 있습니다.

함수명과 ((왼쪽 대괄호).)(오른쪽 대괄호)와 프로그램 본문을 시작하는 {(왼쪽 중괄호) 사이에는 공백이 들어가야 합니다. 함수 프로그램 본문은 4칸 들여쓰기되어야 합니다. }(오른쪽 중괄호)는 함수를 선언하는 코드 줄의 머리 부분에 맞춰 정렬됩니다.

함수 외부(c, d) {        

    var e = c * d; ~                                                Â                                                                                                                                                               ~

}

이름 지정

변수 이름의 첫 번째 문자로 _(밑줄)을 사용하지 마세요. 프라이빗 변수를 나타내기 위해 사용되기도 하지만 실제로 자바스크립트는 프라이빗 변수의 기능을 제공하지 않습니다. 비공개 변수가 중요한 경우 비공개 멤버 양식을 사용하세요. 이러한 오해의 소지가 있는 명명 규칙은 피해야 합니다.

new와 함께 사용해야 하는 생성자 이름은 대문자로 시작해야 합니다. JavaScript는 new가 생략될 때 컴파일 오류나 런타임 오류를 발생시키지 않습니다. 새 항목을 추가하는 것을 잊어버리면 나쁜 일이 발생할 수 있습니다(예: 일반 함수로 처리되는 등). 따라서 생성자 이름을 대문자로 사용하는 것이 이러한 일을 방지할 수 있는 유일한 방법입니다.
전역 변수는 모두 대문자여야 합니다. (자바스크립트에는 매크로나 상수가 없으므로 오해가 없으실 겁니다)

Statements

간단한 명령문

각 줄에는 최대 하나의 명령문이 포함됩니다. 모든 간단한 명령문 끝에는 ;(세미콜론)을 넣습니다. 함수 할당이나 개체 할당 문도 할당 문이므로 세미콜론으로 끝나야 합니다.

JavaScript는 모든 표현식을 명령문으로 처리할 수 있습니다. 이렇게 하면 일부 오류, 특히 실수로 세미콜론을 추가하여 발생한 오류를 쉽게 숨길 수 있습니다. 표현식은 할당되고 호출될 때만 별도의 명령문으로 처리되어야 합니다.

복합문

복합문은 { }(중괄호)로 묶인 일련의 명령문입니다.

동봉된 설명은 4칸 더 들여쓰기되어야 합니다. {(왼쪽 중괄호)는 복합 문의 실행 끝에 있어야 합니다. }(오른쪽 중괄호)는 { 줄의 시작 부분에 정렬되어야 합니다. (왼쪽 중괄호) 중괄호는 명령문이 하나만 있더라도 if와 같은 제어 구조의 일부일 때 모든 복합 명령문에 사용해야 합니다. 또는 성명서 . 이렇게 하면 나중에 명령문을 추가할 때 오류를 피할 수 있습니다.

표시

문 표시는 선택 사항이며 while, do, for, switch 문만 표시해야 합니다.

return 문

반환 값이 있는 return 문에서는 ( )(괄호)를 사용하여 반환 값을 묶어서는 안 됩니다. 표현식이 반환되는 경우 실수로 세미콜론 오류가 발생하지 않도록 표현식은 return 키워드와 같은 줄에 있어야 합니다.

continue 문

continue 문을 사용하지 마세요. 프로그램의 논리를 모호하게 만들 수 있습니다.

with 문

with 문을 사용하지 마세요.

Blank

빈 줄을 사용하여 논리적으로 관련된 코드 블록을 구분하면 프로그램의 가독성을 높일 수 있습니다.

다음 상황에서는 공백을 사용해야 합니다.

• 다음 키워드는 ((왼쪽 대괄호) 공백으로 구분해야 합니다. while(true) {
• 함수 매개변수와 ((왼쪽 대괄호) 사이에는 공백이 없어야 합니다.

• .(점), ((왼쪽 대괄호) 및 [(왼쪽 대괄호)를 제외한 모든 이항 연산자는 피연산자와 구분되어야 합니다.

• 공백이 없어야 합니다. 단항 연산자와 해당 피연산자 사이(예: typeof)

• 제어 부분의 각 ;(세미콜론) 뒤에는 공백이 와야 합니다. ,(쉼표) 뒤에는 공백이 와야 합니다.

객체 정의 규칙:

클래스 이름과 같은 줄에 여는 중괄호를 배치하세요.

속성 값 사이에는 콜론이 있습니다.

숫자에는 큰따옴표를 사용하세요.

마지막 속성-값 쌍 뒤에 쉼표를 추가하지 마세요.

오른쪽 중괄호를 별도의 줄에 넣고

로 끝나세요.

HTML 파일 접미사는 .html(또는 r .htm)일 수 있습니다.

CSS 파일 확장자는 ​​.css입니다.

JavaScript 파일 접미사는 ​​.js 입니다.

소문자 파일 이름을 사용하세요

대부분의 웹 서버(Apache, Unix)는 대소문자를 구분합니다. london.jpg는 London.jpg를 통해 액세스할 수 없습니다.

다른 웹 서버(Microsoft, IIS)는 대소문자를 구분하지 않습니다. london.jpg는 London.jpg 또는 london.jpg를 통해 액세스할 수 있습니다.

일관된 스타일을 유지해야 하며, 파일 이름은 소문자로 통일하는 것이 좋습니다.