>  기사  >  웹 프론트엔드  >  JavaScript 강화 튜토리얼 - JavaScript 성능 최적화

JavaScript 강화 튜토리얼 - JavaScript 성능 최적화

黄舟
黄舟원래의
2017-01-21 16:06:521184검색

데이터의 접근 위치는 자바스크립트의 실행 속도에도 영향을 미칩니다. 접근 위치를 할당하고 자바스크립트를 효율적으로 실행하는 가장 합리적인 방법을 정리해보겠습니다.
데이터 접근 위치는 1. 리터럴(예: true , false, null 등) 2. 지역 변수(var a=5;) 3. 배열 요소(var arr=[]; arr[0]=5;) 4. 객체 멤버
위의 모든 항목을 저장할 수 있습니다. 데이터
브라우저마다 데이터를 200,000번 읽는 데 필요한 시간을 기준으로 빠른 것부터 느린 것의 순서는 1 2 3 4입니다(종합적인 결과, 브라우저마다 변동이 있을 수 있음)

빠르고 효율적인 JavaScript 실행 코드 요약:
1. 리터럴 및 지역 변수에 액세스하는 것이 배열 요소 및 객체 멤버보다 빠릅니다.
2. 지역 변수는 범위 체인의 시작 부분에 있으므로 지역 변수에 액세스하는 것이 범위 간 변수에 액세스하는 것보다 빠릅니다. 변수가 범위 체인의 깊이에 있을수록 액세스 속도가 느려집니다. 전역 변수는 항상 범위 체인의 끝에 있기 때문에 액세스 속도가 가장 느립니다.
3. 중첩된 개체 멤버는 성능에 분명히 영향을 미치므로 가능한 한 적게 사용하세요.
4. 프로토타입 체인에 속성이나 메서드가 깊을수록 액세스 속도가 느려집니다.
5. 일반적으로 배열 요소, 객체 멤버, 크로스 도메인 변수를 로컬 변수에 저장하면 로컬 변수에 액세스하는 것이 더 빠르기 때문에 자바스크립트 성능을 향상시킬 수 있습니다.
6. 실행 환경 범위 체인을 변경하는 것도 type-catch 문의 catch 하위 문과 동일한 효과를 가지므로 주의하세요.
위의 배포를 통해 JavaScript를 많이 사용하는 웹 애플리케이션의 실제 성능을 크게 향상시킬 수 있습니다.

위 내용은 자바스크립트 향상 튜토리얼 - 자바스크립트 성능 최적화 관련 내용을 보시려면 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.