이 글은 주로 자바스크립트 코딩 규칙(코딩 사양)을 소개합니다. 필요한 친구들은 참고하시면 됩니다
1 엄격 모드를 사용하세요
# 🎜 🎜#범위(함수 범위 및 전역 범위 포함)에서 "use strict";을 사용하여 엄격 모드를 켤 수 있습니다.2. 들여쓰기
탭 키를 사용하여 코드 크기를 절약하고 들여쓰기에 공백 4칸을 사용합니다(JSLint 추천).3, 기호
1) 중괄호 은 명령문과 같은 줄에 배치되며 끝; 한 줄만 사용하고 중괄호도 사용합니다.if (true) { //true } else { //false }
while (true) { //alert(1); }
공백 추가; 연산자 앞과 뒤 공백
닫는 중괄호 사이, 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 }
4로 개체 이름을 지정합니다.
Camel Case 사용(예: MyClass메서드 및 변수: 혼합 메소드 사용: getName(), myNameConstant: 대문자 및 밑줄 표시: MY_NAME
#🎜🎜 #5. 단일 var 모드
함수 상단에서 변수를 선언하는 데는 하나의 var만 사용하면 됩니다.
2) 변수가 정의되기 전에 사용되는 논리적 오류 방지3) 변수 선언 및 사용을 기억하도록 도와주세요 전역변수를 최대한 적게4) 더 적게 코딩하기
function func() { var a = 1, b = 2, sum = a + b, obj = { name: 'name', value: 'value' }, $btn = $('#btn'); //函数体 }
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 }
1) 매번 기본 매개변수를 지정합니다. #🎜🎜 #
var month = '09', day = '08'; month = parseInt(month, 10); //不加进制参数便会转换为八进制 day = parseInt(day, 10);
+'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 코딩 표준(요약)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!