자바스크립트 코드 사양

모든 자바스크립트 프로젝트에도 동일한 표준이 적용됩니다.

JavaScript 코드 사양

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

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

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

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

;

lastName =

"Doe"

;

price = 19.90

;

세금 =

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

공간 및 운영자정상 운영 기호( = + - * / ) 앞뒤에 공백을 추가해야 합니다.
예:

var

x = y + z;

var

값 = [

"Volvo"

"Saab"

,

"Fiat"

];
코드 들여쓰기코드 블록을 들여쓰기하려면 일반적으로 4개의 공백 기호를 사용합니다. 함수:

function

toCelsius(fahrenheit) {

return

(

) * (fahrenheit -

);}

문 규칙

단순문의 일반 규칙:

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

예:

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

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

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

첫 번째 줄에 여는 중괄호를 넣으세요. 끝.
왼쪽 중괄호 앞에 공백을 추가하세요.
닫는 중괄호를 한 줄에 넣으세요.
복잡한 문장을 세미콜론으로 끝내지 마세요.

함수:

함수 toCelsius(fahrenheit) {
return (5 / 9) * (화씨 - 32);
}

루프:

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

조건문:

if (time < 20 ) {
인사말 = "좋은 하루 되세요";
} else {
Greeting = "안녕하세요";
}

객체 규칙

객체 정의 규칙:

여는 중괄호를 클래스 이름과 같은 줄에 넣으세요.
콜론과 속성값 사이에 공백이 있습니다.
문자열에는 큰따옴표를 사용하고 숫자에는 큰따옴표를 사용하지 마세요.
마지막 속성-값 쌍 뒤에 쉼표를 추가하지 마세요.
오른쪽 중괄호를 한 줄에 넣고 기호로 끝냅니다.

예:

var person = {
firstName: "John",
성: "Doe",
연령: 50,
eyeColor: "파란색"
};

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

예:

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

각 줄의 코드 문자는 80자 미만이어야 합니다

가독성을 높이기 위해 각 줄의 문자는 80자 미만을 권장합니다.

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

인스턴스

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

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

명명 규칙

일반적으로 많은 코드 언어의 명명 규칙은 유사합니다. 예를 들면 다음과 같습니다.

변수와 함수는 다음과 같습니다. camel Case( camelCase)
전역 변수는 대문자(UPPERCASE )
상수 (예: PI)는 대문자입니다( UPPERCASE )

변수 이름 지정에 다음 규칙을 사용할지 여부: hyp-hens, camelCase 또는 under_scores ?

HTML 및 CSS의 크로스바(-) 문자:

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

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

	- 通常在 JavaScript 中被认为是减法，所以不允许使用。

밑줄:

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

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

PascalCase:

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

카멜 케이스:

자바스크립트에서는 일반적으로 카멜 케이스를 권장하며, jQuery 및 기타 자바스크립트 라이브러리에서는 카멜 케이스를 사용합니다.

	变量名不要以 $ 作为开始标记，会与很多 JavaScript 库冲突。

HTML은 외부 JavaScript 파일을 로드합니다

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

< script src="myscript.js">

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

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

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

Instance

<!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(5) 코드 사양에 액세스합니다.

파일 확장자

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

CSS 파일 접미사는 .css입니다.

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

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

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

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

일관적인 스타일을 유지해야 하며, 파일 이름은 일관되게 소문자를 사용하는 것이 좋습니다.

← javascript:void(0) 의미