1. 하위 버전의 브라우저(예: IE6, IE7 등)에서 문자열을 연결할 때 배열의 조인 방법을 사용하는 것이 + 기호를 사용하여 연결하는 것(예: ['aaa', 'bbb', 'ccc'].join ()은 'aaa'+'bbb'+'ccc')보다 효율적입니다.
2. 배열:
Pop은 Shift보다 효율적이고 Push는 Unshift보다 효율적입니다. 이는 이진 힙 구조를 설계하는 데 중요합니다. 가장 큰 요소나 가장 작은 요소를 배열 끝에 배치하는 것이 가장 좋습니다.
3. 숫자를 반올림할 때 Shift 연산을 사용하는 것이 가장 좋습니다.
1.1 >> 0;
4. 직접 수량을 사용하여 배열 및 객체를 생성합니다.
var a = [];
var o = {};
5. 개체 검색을 줄이기 위해 너무 많은 개체 수준을 중첩하지 마십시오.
abcde를 사용하지 마십시오. 이 디자인 방법은 e 객체를 얻습니다.
6. 스위치 케이스와 비교한 키-값 대응 값, 스위치 케이스보다 더 효율적인 키-값 대응 값은 다양한 브라우저에서 테스트되었습니다. 이 비교, 자바스크립트 작은 실험에 대한 기사를 읽을 수 있습니다.
7. jq를 사용하는 경우 $('xxxx').empty().append('xxxxxxx')와 $('xxxxx').html('xxxxx'); 사이의 비교도 있습니다. 결과는 다음과 같습니다. $ ('xxxx').empty().append('xxxxxxx'); 승리, 기사 주소는 jQuery small Experiment;
8. 루프
JavaScript에서는 for(;;), while(), for(in) 세 가지 루프를 사용할 수 있는데, 이 세 가지 루프 중 for(in)은 해시 키를 쿼리해야 하기 때문에 매우 비효율적입니다. 가능한 한 적게 사용해야 합니다. for(;;)와 while 루프의 성능은 기본적으로 동일합니다(일상적으로 사용하는 경우).
루프 변수가 증가하거나 감소하는 경우 마지막으로 읽을 때 루프 변수에만 값을 할당하지 마십시오.
배열의 길이와 비교하고 싶다면 배열의 길이 속성을 미리 로컬 변수에 넣어서 쿼리 횟수를 줄여야 합니다.
9. 지역변수와 전역변수
지역 변수의 접근 속도는 전역 변수의 접근 속도보다 빠릅니다. 왜냐하면 전역 변수는 실제로 전역 개체의 구성원이고 지역 변수는 함수의 스택에 배치되기 때문입니다.
10. Eval을 사용하지 마세요
eval을 사용하는 것은 런타임에 콘텐츠를 실행하기 위해 해석 엔진을 다시 호출하는 것과 동일하므로 시간이 많이 걸립니다. 이때, 함수 템플릿은 자바스크립트에서 지원하는 클로저를 이용하여 구현할 수 있습니다. (클로저에 대한 자세한 내용은 함수형 프로그래밍 관련 내용을 참고하세요.)
11. 문자열 연결
문자열을 추가하는 경우 s=s+anotherStr 대신 s+=anotherStr 작업을 사용하는 것이 가장 좋습니다.
12. 숫자를 문자열로 변환하고 "" + 1을 사용합니다. 보기에는 다소 보기 흉하지만 실제로는 성능 측면에서 가장 효율적입니다.
("" +) > 문자열() > .toString() > 새 문자열()
이 기사는 실제로 아래의 "직접 수량"과 다소 유사합니다. 런타임에 사용되는 사용자 작업보다 더 빠르게 컴파일 타임에 사용할 수 있는 내부 작업을 사용해 보세요.
String()은 내부 함수이므로 매우 빠르지만 .toString()은 프로토타입에서 함수를 쿼리해야 하므로 new String()이 정확한 복사본을 반환하는 데 사용되는 만큼 빠르지는 않습니다.
13. 부동 소수점 숫자를 정수로 변환하는 것은 오류가 발생하기 쉽습니다. 실제로, parsInt()는 부동 소수점 숫자와 정수 사이가 아닌 문자열을 숫자로 변환하는 데 사용됩니다. Math.floor() 또는 Math.round().
14. 문자열 순회 작업
문자열에 대한 교체, 검색 등의 루프 연산을 수행하려면 정규식을 사용해야 합니다. 왜냐하면 자바스크립트 자체의 루프 속도는 상대적으로 느리고, 정규식의 연산은 C 언어로 작성된 API이고 성능이 매우 좋기 때문입니다. ;
15. 타이머
지속적으로 실행되는 코드를 대상으로 하는 경우 setTimeout을 사용하지 말고 setInterval을 사용해야 합니다. setTimeout은 매번 타이머를 재설정해야 합니다.
업데이트 중입니다... 계속 지켜봐 주시기 바랍니다!