집 >웹 프론트엔드 >JS 튜토리얼 >Js가 콘솔을 사용하여 코드 실행 시간을 계산하는 방법의 예

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

韦小宝원래의: 2018-01-15 11:35:341278검색

최근에 책을 읽다가 코드 실행 시간을 계산하는 방법이 꽤 유용하다고 생각합니다. 그래서 이번 글에서는 주로 Javascript를 사용하여 코드 실행 시간을 계산하는 방법에 대해 소개합니다. 샘플 코드가 아주 자세하게 소개되어 있습니다. JavaScript에 관심이 있는 친구들은 이 글을 참고하세요.

머리말

이 글은 주로 콘솔을 사용하여 코드 실행 시간을 계산하는 Js에 대한 관련 내용을 소개하고 참고 및 학습을 위해 공유합니다. 자세한 소개.

Requirements

프론트엔드를 일정기간 배우다 보면 성능 문제를 고려하게 됩니다. 그렇다면 문제는 코드 조각의 실행 시간을 어떻게 계산할 것인가 하는 것입니다.

Date 개체 와 함께 console.log를 사용하여

을 계산합니다. 예를 들어, sort 메서드를 사용하여 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을 작성하고 괄호 안에 string을 전달하는 것입니다. 마지막에 console.timeEnd 메소드를 사용하고 문자열을 다시 전달하십시오.

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

요약

위 내용은 이 글의 전부입니다. 모두가 학습하는 데 도움이 되기를 바랍니다! !

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

관련 기사