Javascript 코딩 표준(요약)

青灯夜游
풀어 주다: 2018-10-09 15:01:10
앞으로
2111명이 탐색했습니다.

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

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: &#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
}
로그인 후 복사

suggestion 사용:

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

JavaScript 비디오 튜토리얼

을 방문하세요!

관련 추천:

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


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

JavaScript 온라인 설명서

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

관련 라벨:
원천:jb51.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿