집 > 기사 > 웹 프론트엔드 > Javascript 코딩 규칙(코딩 사양)

Javascript 코딩 규칙(코딩 사양)

亚连원래의: 2018-05-31 10:31:541533검색

이 글은 주로 자바스크립트 코딩 규칙(코딩 사양)을 소개하고 있으니 필요하신 분들은 참고하시면 됩니다

1. 엄격 모드를 사용하세요

스코프(함수 범위, 전역 범위 포함)에서

를 사용하시면 됩니다. 엄격 모드를 활성화하려면 strict";

를 사용하세요.

2. 들여쓰기

탭 키를 사용하여 코드 크기를 절약하고 들여쓰기에 4칸 너비를 사용합니다(JSLint 권장).

3. 기호

1) 중괄호

는 명령문과 같은 줄에 배치되며 명령문이 한 줄만 있는 경우 중괄호도 사용됩니다.

if (true) {
  //true
} else {
  //false
}

while (true) {
  //alert(1);
}

2) 공백

쉼표, 세미콜론, 콜론 뒤에 공백 추가
연산자 앞뒤에 공백 추가
여는 중괄호 앞
닫는 중괄호와 else, while 또는 catch 사이
for 의 각 부분에서
이러한 as:

var a = [1, 2, 3];
var obj = {
  name: &#39;name&#39;,
  value: &#39;value&#39;
};
for (var i = 0; i < 10; i++) {}
function func(a, b, c) {}

c = a + b;
if (a && b || c) {
  //if
} else {
  //else
}

try {
  //try
} catch(err) {
  //catch
}

3) 모든 명령문은 ; 기호로 끝납니다.

4. 이름

객체: MyClass와 같은 낙타 표기법 사용
메소드 및 변수: 다음과 같은 혼합 메서드 사용 getName() , myName
Constant: 대문자 및 밑줄 표시: MY_NAME

5. 단일 var 모드

함수 상단에서 변수를 선언하려면 하나의 var만 사용하세요.

1) 함수를 찾기 위한 단일 주소 제공 모든 지역 변수 필요
2) 변수가 정의되기 전에 사용되는 논리 오류 방지
3) 변수 선언 및 전역 변수 사용을 가능한 한 적게 기억하는 데 도움
4) 적은 코딩

function func() {
  var a = 1,
    b = 2, 
    sum = a + b,
    obj = {
      name: &#39;name&#39;,
      value: &#39;value&#39;
    },
  $btn = $(&#39;#btn&#39;);
  //函数体
}

6. Loop

1) for loop

var i, arr = [];
for (i = arr.length; i--;) {
  //arr[i];
}

참고:

for (var i = 0; i < document.getElementsByName().length; i++) {
  //document.getElementsByName()[0];
}

이 방법은 i의 길이를 비교할 때마다 문서를 쿼리합니다. DOM 작업은 시간이 많이 걸립니다.

2) while 루프

var arr = [], 
  i = arr.length;
while (i--) {
  //处理
}

3) for-in 루프

var i,
  hasOwn = Object.prototype.hasOwnProperty;
for (i in man) {
  if (hasOwn.call(man, i)) { //过滤
    console.log(i, &#39;:&#39;, man[i]);
  }
}

7. 스위치 선택

switch (num) {
case 0:
  //do something
  break;
case 1:
  //do something
  break;
...
default:
  //do default
}

사용 권장 사항:

var obj = {
  &#39;0&#39;: function() {
    //do somethins
  },
  &#39;1&#39;: function() {
    // do somethis
  }, ...
}
if (obj.hasOwnProperty(num)) {
  obj[num]();
} else {
  //do default
}

8 、parseInt()의 수치 규칙을 사용합니다.

1) 매번 기본 매개변수를 구체적으로 지정합니다:

var month = &#39;09&#39;, day = &#39;08&#39;;
month = parseInt(month, 10); //不加进制参数便会转换为八进制
day = parseInt(day, 10);

2) 문자열을 숫자 값으로 변환하는 데 일반적으로 사용되는 기타 방법:

+&#39;08&#39;;
Number(&#39;08&#39;);

9. 리터럴 모드

생성자를 사용하여 정의하는 것은 권장되지 않습니다:

// built in constructors (avoid)
var o = new Object();
var a = new Array();
var re = new RegExp(&#39;[a-z]&#39;, &#39;g&#39;);
var s = new String();
var n = new Number();
var b = new Boolean();
throw new Error(&#39;message&#39;);

더 나은 리터럴 모드를 사용하는 것이 좋습니다:

// literals and primitives (prefer)
var o = {};
var a = [];
var re = /[a-z]/g;
var s = &#39;&#39;;
var n = 0;
var b = false;
throw {
  name: &#39;Error&#39;,
  message: &#39;message&#39;
}

10). 변수 내 약어가 앞에 있으면 모두 소문자: xmlDocument, 앞에 없으면 모두 대문자: loadXML2) 변수는 의미 있는 영어여야 하며, 병음은 금지됩니다

위의 내용은 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

Javascript 코딩 규칙(코딩 사양)

관련 기사