콘솔을 사용하여 js에서 코드 실행 시간을 계산하는 방법

프론트엔드를 일정기간 배우다 보면 성능 ​​문제를 고려하게 됩니다. 그렇다면 문제는 코드 조각의 실행 시간을 어떻게 계산할 것인가 하는 것입니다. 이 기사는 주로 콘솔을 사용하여 js에서 코드 실행 시간을 계산하는 방법을 공유합니다. 도움이 되기를 바랍니다.

console.log를 사용하여 Date 객체로 계산

예를 들어, 정렬 메서드가 100,000개의 난수 배열을 정렬하는 데 걸리는 시간을 계산하면 다음과 같이 작성할 수 있습니다.

        var arr = [];        for(var i=0; i<100000; i++){
            arr.push(Math.random());
        }        var beginTime = +new Date();
        arr.sort();        var endTime = +new Date();
        console.log("排序用时共计"+(endTime-beginTime)+"ms");

마지막으로 다음과 같습니다. 콘솔에 표시되는 내용:

排序用时共计552ms

이제 좀 더 유연하고 정확한 방법을 소개하겠습니다.

시간 계산을 위해 console.time을 사용하세요

이 방법은 이전 방법보다 더 정확하며 성능을 위해 특별히 생성되었습니다:
테스트 사례:

        var arr = [];
        for(var i=0; i<100000; i++){
            arr.push(Math.random());
        }
        console.time("sort");
        arr.sort();
        console.timeEnd("sort");

콘솔은 다음을 인쇄합니다:

sort: 542.668701171875ms

이 방법은 필요할 때 사용됩니다. 테스트 시작 부분에 console.time을 입력하고 괄호 안에 문자열을 전달합니다. 마지막에 console.timeEnd 메소드를 사용하고 문자열을 다시 전달하십시오.
개인적으로는 두 번째 방법을 추천합니다.

관련 권장 사항:

Js 콘솔을 사용하여 코드 실행 시간을 계산하는 예

위 내용은 콘솔을 사용하여 js에서 코드 실행 시간을 계산하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!