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

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 ? J'ai découvert une méthode pour calculer le temps d'exécution du code, donc cet article vous présente principalement les informations pertinentes sur Javascript utilisant la console pour calculer le temps d'exécution du code. L'article le présente en détail à travers l'exemple de code. Les amis qui en ont besoin peuvent s'y référer. à cela. J'espère que cela pourra aider tout le monde.

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 :

Les commandes de débogage Javascript sont plus que Console.log()

Explication détaillée de la console de planification des tâches de Laravel

Comment personnaliser l'objet console lors de l'utilisation de JS

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!