자바스크립트 코드 사양

JavaScript 코드 표준

모든 JavaScript 프로젝트는 동일한 표준을 적용합니다.

JavaScript 코드 사양

코드 사양에는 일반적으로 다음 측면이 포함됩니다.

변수 및 함수의 명명 규칙

공백, 들여쓰기 및 주석 사용 규칙.

일반적으로 사용되는 기타 사양...

표준화된 코드는 읽고 유지하기가 더 쉽습니다.

코드 사양은 일반적으로 개발 전에 규정되며 팀원과 협의하여 설정할 수 있습니다.

변수 이름

변수 이름에는 camelCase를 사용하는 것이 좋습니다.

firstName = "John";
lastName = "Doe";

price = 19.90;
tax = 0.20;

fullPrice = 가격 + (가격 * 세금);

공백 및 연산자

일반 연산자( = + - * / )는 앞뒤에 공백을 추가해야 합니다.

예:

var x = y + z;
var 값 = ["Volvo " , "Saab", "Fiat"];

코드 들여쓰기

일반적으로 코드 블록을 들여쓰기 위해 4개의 공백 기호를 사용합니다:

Function:

function toCelsius(fahrenheit) {
return (5 / 9) * ( fahrenheit - 32);
}

들여쓰기에 TAB 키를 사용하는 것은 권장되지 않습니다. 왜냐하면 각 편집자들은 TAB 키를 다르게 해석하기 때문입니다.

문 규칙

단순문의 일반 규칙:

문은 일반적으로 기호로 끝납니다.

예:

var 값 = ["Volvo", "Saab", "Fiat"];

var person = {
firstName: "John",
lastName: "Doe",
연령: 50,
eyeColor : "blue"
};

복잡한 명령문에 대한 일반 규칙:

첫 번째 줄 끝에 여는 중괄호를 넣으세요.

왼쪽 중괄호 앞에 공백을 추가하세요.

닫는 중괄호를 한 줄에 넣으세요.

복잡한 문장을 세미콜론으로 끝내지 마세요.

함수:

function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}

Loop:

for (i = 0; i < 5; i++) {
x += i;
}

조건문:

if (time < 20) {
Greeting = "Good day";
} else {
Greeting = "Good evening";
}

객체 규칙

객체 정의 규칙:

여는 중괄호를 클래스 이름과 같은 줄에 넣으세요.

콜론과 속성 값 사이에 공백이 있습니다.

숫자가 아닌 문자열에는 큰따옴표를 사용하세요.

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

오른쪽 중괄호를 한 줄에 넣고 기호로 끝냅니다.

예:

var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};

짧은 개체 코드는 하나로 직접 작성할 수 있습니다. line:

예:

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

코드 줄당 문자가 80자 미만입니다

For 읽기 쉽도록 한 줄당 문자 수가 80자 미만인 것이 좋습니다.

JavaScript 문이 80자를 초과하는 경우 연산자나 쉼표 뒤의 줄을 끊는 것이 좋습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我的 Web 页面</h1>
<p>
建议在运算符或者逗号后换行。
</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
    "Hello php.";
</script>
</body>
</html>

이름 지정 규칙

일반적으로 많은 코드 언어의 이름 지정 규칙은 비슷합니다. 예:

변수와 함수는 camelCase(camelCase)

전역 변수는 대문자(UPPERCASE)

상수(예: PI) 대문자

hyp-hens, camelCase 또는 under_scores와 같은 변수 이름 지정 규칙을 사용합니까?

HTML 및 CSS의 헌트(-) 문자:

HTML5 속성은 data-로 시작할 수 있습니다(예: data- 수량, 데이터 가격)을 접두사로 사용합니다.

CSS는 -를 사용하여 속성 이름(글꼴 크기)을 연결합니다.

- 일반적으로 JavaScript에서는 뺄셈으로 간주되므로 사용이 허용되지 않습니다.

밑줄:

많은 프로그래머는 특히 SQL 데이터베이스에서 밑줄(예: date_of_birth) 사용을 선호합니다.

PHP 언어는 일반적으로 밑줄을 사용합니다.

PascalCase:

PascalCase는 C 언어에서 더 일반적입니다.

CamelCase:

CamelCase는 일반적으로 JavaScript에서 권장되며 jQuery 및 기타 JavaScript 라이브러리에서는 camelCase를 사용합니다.

많은 JavaScript 라이브러리와 충돌하므로 변수 이름을 $로 시작하지 마세요.

HTML 외부 JavaScript 파일 로드

간결한 형식을 사용하여 JavaScript 파일 로드(type 속성은 필요하지 않음):

JavaScript를 사용하여 HTML 요소에 액세스

잘못된 HTML 형식으로 인해 JavaScript 실행 오류가 발생할 수 있습니다.

다음 두 JavaScript 문은 서로 다른 결과를 출력합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="Demo">段落 1。</p>
<p id="demo">段落 2。</p>
<script>
// 只有段落 2 会被替换
document.getElementById("demo").innerHTML = "HELLO.";
</script>
</body>
</html>

파일 확장자

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

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

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

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

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

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

일관적인 스타일을 유지해야 하며, 파일 이름은 소문자로 통일하는 것을 권장합니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="Demo">段落 1。</p> <p id="demo">段落 2。</p> <script> // 只有段落 2 会被替换 document.getElementById("demo").innerHTML = "HELLO."; </script> </body> </html>

제출하다 코드 재설정

자동운전