Introduction détaillée à la fonction console.time() dans les compétences JavaScript_javascript

Si vous avez besoin de connaître l'heure à laquelle le code est exécuté pendant le débogage Web, vous pouvez chronométrer l'exécution du programme en ajoutant les instructions console.time() et console.timeEnd() dans le code JavaScript. Prenons la longue fonction foo() suivante comme exemple :

Copier le code Le code est le suivant :

fonction foo(){
var x = 4,237;
var y = 0;
pour (var i=0; i<100000000; i ) {
y = y x*x;
>
Retournez y ;
>

Si vous avez besoin de savoir combien de temps il faut pour exécuter une fonction, vous pouvez insérer une instruction console.time() avant l'appel de la fonction foo() et une instruction console.timeEnd() après la fin de l'appel :

Copier le code Le code est le suivant :

console.time("test");
foo();
console.timeEnd("test");

Une fois le programme exécuté, la console affichera le résultat de ce timing : "test : 1797ms", et le niveau de journalisation affiché est info.

console.time() et console.timeEnd() acceptent une chaîne comme paramètre, ce qui est équivalent à l'identifiant de timing. Le navigateur associera console.time() avec le même paramètre (id) et console.timeEnd() et enregistrera le décalage horaire entre les deux. Par conséquent, il est possible de chronométrer différents endroits dans un programme JavaScript en utilisant différents identifiants.

Prise en charge du navigateur

Pour chaque navigateur, la prise en charge du timing console.time() est la suivante :

Firefox. Prise en charge native après 10.0. Pour les versions précédentes de Firefox, cela peut être réalisé en installant le plug-in Firebug. Pour plus de détails, voir : https://developer.mozilla.org/en-US/docs/Web/API/console.time?redirectlocale=en-US&redirectslug=DOM/console.time
Google Chrome. Support natif après 2.0. Pour plus de détails, consultez : https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel
c'est à dire. Pris en charge nativement dans IE11. Pour les versions précédentes d'IE, cela peut être réalisé en installant Firebug Lite. Pour plus de détails, voir : http://msdn.microsoft.com/en-us/library/ie/dn265071(v=vs.85).aspx
Safari. Prise en charge native après 4.0. Pour plus de détails, voir : https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html
Opéra. soutien. Pour plus de détails, voir : http://www.opera.com/dragonfly/documentation/console/