Exemple de la façon dont JS utilise la console pour calculer le temps d'exécution du code

J'ai récemment lu un livre et trouvé une méthode pour calculer le temps d'exécution du code. Je pense que c'est très utile, donc cet article vous présente principalement Javascriptutiliser la console pour calculer le temps d'exécution du code. est présenté de manière très détaillée via un exemple de code js. Les amis intéressés par JavaScript peuvent se référer à cet article.

Avant-propos

Cet article vous présente principalement le contenu pertinent sur Js utilisant la console pour calculer le temps d'exécution du code et le partage pour votre référence et étudier. Pas grand chose à dire ci-dessous, jetons un œil à l'introduction détaillée.

Exigences

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 ?

Utilisez console.log avec l'objet Date pour calculer

Par exemple, nous calculer sort pour trier un tableau de 100 000 tableaux aléatoires Vous pouvez l'é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, ce sera affiché sur la console :

排序用时共计552ms

Maintenant, introduisons une méthode plus flexible et plus précise.

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 un String

. Utilisez la méthode console.timeEnd à la fin et transmettez à nouveau la chaîne.
Je recommande personnellement la deuxième méthode.

RésuméCe qui précède est tout le contenu de cet article, j'espère que cela aidera tout le monde à apprendre ! !

Recommandations associées :

Le résumé d'apprentissage JavaScript le plus complet

Comment utiliser des expressions régulières pour mettre en évidence le code JavaScript

javascript correspond au code de l'expression régulière commenté dans 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!