항상 모든 자바 스크립트 프로젝트 같은 코딩 규칙을 사용합니다.
자바 스크립트 코딩 규칙
코딩 규칙은 프로그래밍 스타일 지침입니다. 그들은 일반적으로 포함합니다 :
- 변수와 함수에 대한 이름 지정 및 선언 규칙.
- 공백, 들여 쓰기, 그리고 의견의 사용에 대한 규칙.
- 관행과 원칙을 프로그래밍
코딩 규칙 보안 품질 :
- 코드의 가독성을 향상
- 코드의 유지 보수를 용이하게
팀이 수행하거나 개별 코딩 연습 할 코딩 규칙은 규칙을 문서화 할 수 있습니다.
이 페이지는 w3ii에서 사용하는 일반적인 자바 스크립트 코드 규칙을 설명합니다.
또한 다음 장 "모범 사례"를 읽고, 함정을 코딩하지 않도록하는 방법을 배워야한다.
변수 이름
w3ii에서 우리는 식별자 이름 (변수 및 함수)에 대해 CamelCase를 사용합니다.
모든 이름은 문자로 시작합니다.
이 페이지의 하단에, 당신은 이름 지정 규칙에 대한 폭 넓은 토론을 찾을 수 있습니다.
firstName = "John";
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);운영자 주위 공간
항상 운영자의 주위에 공간을 넣어 ( = + - * / ) , 쉼표 후를 :
예를 들면 :
var x = y + z;
var values = ["Volvo", "Saab",
"Fiat"];코드 들여 쓰기
항상 코드 블록의 들여 쓰기 4 공간을 사용합니다 :
기능 :
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
들여 쓰기 탭 (도표 작성자)를 사용하지 마십시오. 다른 편집자는 다르게 탭을 해석한다.
정책 규칙
간단한 문에 대한 일반 규칙 :
- 항상 세미콜론 간단한 문을 종료.
예를 들면 :
var values = ["Volvo", "Saab",
"Fiat"];
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor:
"blue"
};복잡한 (화합물) 문에 대한 일반 규칙 :
- 제 1 라인의 끝에서 개구 브래킷을 넣는다.
- 여는 괄호 앞에 하나의 공간을 사용합니다.
- 선행 공백없이 새 줄에 닫기 괄호를 넣어.
- 세미콜론 복잡한 문을 종료하지 마십시오.
기능 :
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
루프 :
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 자보다 긴 줄을 피할 수 있습니다.
자바 스크립트 문장이 한 줄에 맞지 않을 경우, 가장 좋은 장소를 휴식, 운영자 또는 쉼표 후입니다.
명명 규칙
항상 모든 코드에 대해 동일한 이름 지정 규칙을 사용합니다. 예를 들면 :
- 변수 및 함수 이름은 낙타 표기법으로 작성
- 대문자로 작성된 전역 변수 (우리는하지 않습니다, 그러나 그것은 아주 흔한 일)
- (PI 등) 상수 대문자로 작성
당신은 변수 이름에 HYP-암탉, CamelCase를, 또는 under_scores를 사용해야합니까?
이 프로그래머는 종종 토론 질문입니다. 대답은 물어 사람에 따라 달라집니다
HTML과 CSS에 하이픈 :
HTML5는 데이터 - (데이터 양, 데이터 가격)으로 시작할 수 있습니다 속성.
CSS 속성 - 이름 (글꼴 크기)에 하이픈을 사용합니다.
하이픈은 빼기 시도로 오인 될 수 있습니다. 하이픈는 자바 스크립트 이름에 사용할 수 없습니다.
밑줄 :
많은 프로그래머는 특히 SQL 데이터베이스에, 밑줄 (date_of_birth)를 사용하는 것을 선호합니다.
밑줄은 종종 PHP 문서에 사용됩니다.
PascalCase :
PascalCase은 종종 C 프로그래머가 바람직하다.
CamelCase를 :
CamelCase를 자바 스크립트 자체 jQuery를하여, 다른 자바 스크립트 라이브러리에 의해 사용된다.
달러 (A $) 기호로 이름을 시작하지 마십시오. 그것은 많은 자바 스크립트 라이브러리 이름과 충돌에서 당신을 넣어 것입니다.
HTML에서 자바 스크립트를로드
(type 속성이 필요하지 않습니다) 외부 스크립트를로드하기위한 간단한 구문을 사용합니다 :
<script src="myscript.js">
HTML 요소에 액세스
"어수선한"HTML 스타일을 사용의 결과는, 자바 스크립트 오류가 발생할 수 있습니다.
이 두 자바 스크립트 문은 다른 결과를 생성합니다 :
var obj =
getElementById("Demo")
var obj = getElementById("demo")
가능하면, HTML에서 (자바 스크립트와 같은) 같은 이름 지정 규칙을 사용합니다.
파일 확장자
HTML 파일은 .html 중에서 확장 (안 .HTM)을 가져야한다.
CSS 파일은 .CSS 확장명이 있어야합니다.
자바 스크립트 파일은 .js 확장자가 있어야합니다.
소문자 파일 이름을 사용
대부분의 웹 서버 (아파치, 유닉스) 파일 이름에 대한 대소 문자를 구분합니다 :
london.jpg 으로 액세스 할 수 없습니다 London.jpg .
다른 웹 서버 (마이크로 소프트 IIS)는 대소 문자를 구분하지 않습니다 :
london.jpg 으로 액세스 할 수 있습니다 London.jpg 또는 london.jpg .
당신은 대문자와 소문자를 혼합하여 사용하는 경우, 당신은 매우 일관성이 있어야한다.
당신은 대소 문자를 구분 서버에 민감 경우, 이동하는 경우, 심지어 작은 오류가 당신의 웹 사이트를 중단 할 수 있습니다.
이러한 문제를 방지하려면 항상 (가능한 경우) 소문자 파일 이름을 사용합니다.
공연
코딩 규칙은 컴퓨터에서 사용되지 않습니다. 대부분의 규칙은 프로그램의 실행에 거의 영향을 미친다.
들여 쓰기 및 추가 공간이 작은 스크립트 중요하지.
개발 코드의 가독성을 선호한다. 큰 생산 스크립트는 축소 된해야한다.