JavaScript 팀 프로그래밍 사양

이 사양은 JavaScript 함수형 프로그래밍 스타일과 기업이 코딩을 위해 jQuery에 크게 의존하는 현실에 대응하여 작성되었습니다.

eval, with 및 caller를 사용하는 것은 금지되어 있습니다(ecma262 v5의 엄격한 요구 사항 사용). eval은 암호화할 때만 컴퓨터에서 생성되도록 허용됩니다.

변수를 선언하려면 var 키워드를 추가해야 합니다. for(;;) 루프와 같은 문을 제외하고는 원칙적으로 연속 선언이 허용되지 않습니다. 연속 선언은 개별 선언에 비해 효율이 높지 않고, 실수로 전역 범위에 노출되기 쉽기 때문입니다.

일정하며 모두 대문자입니다.

변수 이름은 병음을 사용할 수 없으며, 영어 단어는 카멜케이스 스타일로 정리됩니다.

이 문제로 인한 압축 실패를 방지하려면 가능하면 세미콜론을 추가해야 합니다(기본적으로 function, if, switch, try, while 제외).

사용자 정의 클래스는 UI 라이브러리 구축에만 사용할 수 있습니다. 비즈니스 코드에서는 개인 사용자 정의 클래스가 허용되지 않습니다.

원칙적으로 의사 객체(String, Number, Boolean) 사용을 허용하지 않으며 해당 리터럴을 직접 사용합니다.

Array, Object의 사용은 원칙적으로 허용되지 않으며, 리터럴 [], {}를 직접 사용합니다.

바인딩 실패를 방지하기 위해 주의해서 다루시고, 창을 가리켜 참고하시는 것이 좋습니다.

함수 자체를 호출하려면 명명된 함수 표현식을 사용하는 것이 금지됩니다. 자세한 내용은 Google에서 "Named Function Expressions Revealed"를 참조하세요. 🎜>

var self = arguments.callee;

네이티브 객체, 특히 Object.prototype의 프로토타입을 확장하는 것은 금지되어 있습니다.

페이지의 특정 요소, 즉 다음 코드 스타일에 이벤트를 바인딩하는 것은 금지되어 있습니다.

<a href="http://www.php1.cn/">简明现代魔法</a>

한 번 사라지는 IE의 조건부 주석을 사용하는 것은 금지되어 있습니다. 압축.

var f = function () {
    /*@cc_on if (@_jscript) { return 2* @*/  3; /*@ } @*/
};

블록 내에서 함수 선언을 금지합니다. 자세한 내용은 Google에서 "Named Function Expressions Revealed"를 참조하세요.

if (x) { //ng
  function foo() {}
}
  
if (x) {
  var foo = function() {}
}

for-in 루프는 객체에만 사용할 수 있습니다.

대부분의 스크립트 엔진이 이 쓰기 방법을 지원하더라도 컴파일할 때 줄 시작 부분의 공백 문자를 무시할 수 없으므로 여러 줄 문자열을 사용하는 것이 금지됩니다. 그러나 이는 ECMAScript의 표준 사양은 아닙니다.

var myString = 'A rather long string of English text, an error message \
                actually that just keeps going and going -- an error \
                message to make the Energizer bunny blush (right through \
                those Schwarzenegger shades)! Where was I? Oh yes, \
                you\'ve got an error and all the extraneous whitespace is \
                just gravy.  Have a nice day.';

문자열 접합 HTML 코드는 허용되지 않습니다. 프런트엔드 템플릿 또는 백엔드 템플릿을 사용하세요.

문자열 리터럴의 경우 "" 대신 '를 사용하세요.

주석은 JSDoc을 사용하세요.

각 줄은 너무 길면 안 됩니다. 코드를 작성한 후, IDE를 사용하여 편집하세요.

요소에 맞춤 변수를 추가하고 "data-" 접두어를 사용하여 HTML5 "data-*" 메커니즘과 연결하세요.

jQuery를 금지합니다.

요소를 선택할 때 주로 ID 선택자, 클래스 선택자 및 레이블 선택자를 사용하고 위치 의사 클래스를 사용합니다. nth-child,: first,:eq,:gt)

기존 jQuery 객체에서 가까운 요소 노드를 검색하려면 다단계 찾기를 사용하는 것이 아니라 관련 순회 함수를 사용하는 것이 좋습니다. 🎜>

JavaScript. 프로그램은 압축 및 캐싱을 용이하게 하기 위해 가능한 한 외부 JS 파일에 배치되어야 합니다.

표준 기능이 비표준 기능보다 선호됩니다(클래스 라이브러리에서 제공하는 경우). 먼저 클래스 라이브러리의 함수를 사용하세요.) >

요소에 이벤트를 추가할 때 고려해야 할 순서는 위임 > 라이브 > 바인딩입니다.

jQuery에는 다음 이벤트에 문제가 있습니다. . 일반적으로 마우스휠과 같은 이벤트 프록시는 사용할 수 없습니다.

$("XXXX").find("YYYY").find("ZZZZ"); //ng
$("XXXX").next() //或者nextUntil, nextAll, prev, prevAll, prevUntl, children, closest,
  
.siblings

더 이상 사용되지 않는 JS 파일에 코드 조각을 남겨두지 마세요.

jQuery에서 참조하는 클래스 이름은 스타일을 조정할 때 실수로 삭제했음을 다른 사람에게 경고하기 위해 js_. 🎜>백그라운드에서 JSON 데이터를 얻는 형식은

으로 통일되어 요청 콜백과 실행 콜백을 분리하기 위해 dependencyBy 함수를 사용합니다.

당분간은 생각이 나지만 좋은 제안이 있으면 언제든지 조언해 주세요.

   ;;;$(function(){
//...其他用到的变量
        var $$ = window.$$ = {
          //本页面私有的辅助函数1
          _assist1:function(){
  
          },
          //本页面私有的辅助函数2
          _assist2:function(){
  
          },
          //本页面私有的辅助函数3
          _assist3:function(){
  
          },
          //本页面私有的辅助函数4
          _assist4:function(){
  
          },
          //本页面私有的辅助函数5
          _assist5:function(){
  
          },
//....更多的私有函数
          //功能1
          feature1:function(){
  
          },
          //功能2
          feature2:function(){
  
          },
          //功能3
          feature3:function(){
  
          },
          //功能4
          feature4:function(){
  
          },
          //功能5
          feature5:function(){
  
          },
          //从后台获取的JSON数据统一放到这个对象中，以便其他函数调用
          jsons:{},
//....更多需求，一个需求对应一个函数
          main:function(){
            $$.feature1();
            $$.feature2();
            $$.feature3();
            $$.feature4();
//....在main主函数中调用它们。
          }
        }
        $$.main();
      });

위 내용은 자바스크립트 팀 프로그래밍 스펙 내용입니다. PHP 중국어 홈페이지(www.php.cn)에 주목해주세요!