Javascript 코딩 표준(요약)

이 글은 주로 자바스크립트 코딩 규칙(코딩 사양)을 소개합니다. 필요한 친구들은 참고하시면 됩니다

1 엄격 모드를 사용하세요

# 🎜 🎜#범위(함수 범위 및 전역 범위 포함)에서

"use strict";

을 사용하여 엄격 모드를 켤 수 있습니다.

2. 들여쓰기

탭 키를 사용하여 코드 크기를 절약하고 들여쓰기에 공백 4칸을 사용합니다(JSLint 추천).

3, 기호

1) 중괄호

은 명령문과 같은 줄에 배치되며 끝; 한 줄만 사용하고 중괄호도 사용합니다.

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

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

2) 공백

쉼표, 세미콜론 및 콜론 뒤에 공백 추가

공백 추가; 연산자 앞과 뒤 공백
닫는 중괄호 사이, while 또는 catch

; :

var a = [1, 2, 3];
var obj = {
  name: 'name',
  value: 'value'
};
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로 개체 이름을 지정합니다.

Camel Case 사용(예: MyClass

메서드 및 변수: 혼합 메소드 사용: getName(), myNameConstant: 대문자 및 밑줄 표시: MY_NAME

#🎜🎜 #5. 단일 var 모드

함수 상단에서 변수를 선언하는 데는 하나의 var만 사용하면 됩니다.

# 🎜🎜#1) 발견된 단일 주소 제공 함수에 필요한 모든 로컬 변수

2) 변수가 정의되기 전에 사용되는 논리적 오류 방지3) 변수 선언 및 사용을 기억하도록 도와주세요 전역변수를 최대한 적게4) 더 적게 코딩하기

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

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, ':', man[i]);
  }
}

7, 스위치 선택

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

suggestion 사용:

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

8.parseInt()의 숫자 규칙을 사용합니다.

1) 매번 기본 매개변수를 지정합니다. #🎜🎜 #

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

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

+'08';
Number('08');

9, 리터럴 모드

생성자를 사용하여 정의하는 것이 좋습니다:

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

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

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

10, 기타#🎜🎜 # 1) 변수의 약어가 앞에 있으면 모두 소문자입니다. 🎜#요약: 위 내용은 이 글의 전체 내용이므로, 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면

JavaScript 비디오 튜토리얼

을 방문하세요!

관련 추천:

php 공공 복지 교육 동영상 튜토리얼

JavaScript 그래픽 튜토리얼#🎜 🎜#

JavaScript 온라인 설명서

위 내용은 Javascript 코딩 표준(요약)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!