콘솔을 사용하여 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 메소드를 사용하고 문자열을 다시 전달하십시오.

개인적으로는 두 번째 방법을 추천드립니다.

관련 권장 사항:

Javascript 디버깅 명령은 Console.log()

Laravel의 작업 스케줄링 콘솔에 대한 자세한 설명

JS 사용 중 콘솔 개체를 사용자 정의하는 방법

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