자바스크립트 코드 사양

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

JavaScript 코드 사양

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

변수 및 함수 명명 규칙
공백, 들여쓰기 및 주석 사용 규칙.
기타 일반적으로 사용되는 사양...

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

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

변수 이름

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

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

price = 19.90;
tax = 0 .20 ;

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

공백 및 연산자

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

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

코드 들여쓰기

보통 4개의 공백이 코드 블록을 들여쓰기 위해 사용됩니다:

기능 :

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

탭 키는 들여쓰기에 사용하는 것을 권장하지 않습니다. 탭 키는 각 언어마다 다르게 해석되기 때문입니다. 편집자.

문 규칙

단순문의 일반 규칙:

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

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"
};

짧은 개체 코드를 직접 작성할 수 있습니다. 한 줄 :

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

각 코드 문자 줄은 80자 미만입니다

순서는 읽기 쉽도록 한 줄에 80자 이내로 작성하는 것을 권장합니다.

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

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</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 )는 대문자(UPPERCASE)

변수 이름 지정에 다음 규칙을 사용합니까? hip-hens, camelCase 또는 under_scores ?

HTML 및 CSS의 막대(-) 문자:

HTML5 속성은 다음과 같습니다. 데이터(예: 데이터 수량, 데이터 가격)를 접두사로 시작합니다.

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

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

밑줄:

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

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

PascalCase:

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

Camel Case:

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

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

HTML 외부 JavaScript 파일 로드

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

<script src="myscript.js">

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

HTML 형식이 잘못되면 JavaScript 실행 오류가 발생할 수 있습니다.

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

<!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>

프로그램을 실행하여 사용해 보세요

팁: HTML과 JavaScript에 동일한 명명 규칙을 사용해 보세요.

파일 확장자

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> <h1>我的 Web 页面</h1> <p> 建议在运算符或者逗号后换行。 </p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "Hello php."; </script> </body> </html>

제출하다 코드 재설정

자동운전