Maison >interface Web >js tutoriel >Comment utiliser la console pour calculer le temps d'exécution du code dans js

Comment utiliser la console pour calculer le temps d'exécution du code dans js

小云云
小云云original
2018-03-14 18:17:111730parcourir

Si vous apprenez le front-end pendant un certain temps, vous considérerez des problèmes de performances. La question est donc : comment calculer le temps d’exécution d’un morceau de code ? Cet article explique principalement comment utiliser la console pour calculer le temps d'exécution du code dans js. J'espère que cela pourra vous aider.

Utilisez console.log avec l'objet Date pour calculer

Par exemple, si nous calculons combien de temps il faut à la méthode de tri pour trier un tableau de 100 000 nombres aléatoires, nous pouvons écrire comme ceci :

        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");

Enfin, la console affichera :

排序用时共计552ms

Ci-dessous, une méthode plus flexible et plus précise sera introduite.

Utilisez console.time pour le calcul du temps

Cette méthode est plus précise que la précédente et est spécifiquement générée pour les performances :
Cas de test :

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

La console affichera :

sort: 542.668701171875ms

Cette méthode écrit console.time au début du test et passe une chaîne entre parenthèses. Utilisez la méthode console.timeEnd à la fin et transmettez à nouveau la chaîne.
Je recommande personnellement la deuxième méthode.

Recommandations associées :

Exemple Js d'utilisation de la console pour calculer le temps d'exécution du code

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn