快捷導(dǎo)航

JavaScript中的console.time()函數(shù)詳細(xì)介紹

更新時(shí)間：2014年12月29日 10:18:45 投稿：junjie

這篇文章主要介紹了JavaScript中的console.time()函數(shù)詳細(xì)介紹,console.time()函數(shù)主要用來(lái)統(tǒng)計(jì)程序執(zhí)行時(shí)間,需要的朋友可以參考下

如果需要在Web調(diào)試過(guò)程中知道代碼執(zhí)行的時(shí)間，那么可以通過(guò)在JavaScript代碼中添加console.time()語(yǔ)句和console.timeEnd()語(yǔ)句來(lái)對(duì)程序的執(zhí)行進(jìn)行計(jì)時(shí)。以下面這個(gè)耗時(shí)較長(zhǎng)的foo()函數(shù)為例：

復(fù)制代碼代碼如下:

function foo(){

    var x = 4.237;

    var y = 0;

    for (var i=0; i<100000000; i++) {

        y = y + x*x;

    }

    return y;

}

如果需要知道函數(shù)執(zhí)行過(guò)程中消耗了多長(zhǎng)時(shí)間，可以在foo()函數(shù)調(diào)用之前插入console.time()語(yǔ)句，在其調(diào)用結(jié)束后插入console.timeEnd()語(yǔ)句：

復(fù)制代碼代碼如下:

console.time("test");

foo();

console.timeEnd("test");

程序執(zhí)行完畢后，控制臺(tái)會(huì)顯示此次計(jì)時(shí)的結(jié)果：”test: 1797ms”，顯示的日志級(jí)別為info。

console.time()和console.timeEnd()接受一個(gè)字符串作為參數(shù)，該字符串相當(dāng)于計(jì)時(shí)的id。瀏覽器會(huì)將擁有相同參數(shù)(id)的console.time()與console.timeEnd()進(jìn)行配對(duì)，記錄兩者之間的時(shí)間差。因此，可以通過(guò)使用不同的id來(lái)對(duì)JavaScript程序中不同的地方進(jìn)行計(jì)時(shí)。

瀏覽器支持

對(duì)于各個(gè)瀏覽器，console.time()計(jì)時(shí)的支持情況如下：

Firefox。10.0后原生支持。對(duì)于之前版本的Firefox，可以通過(guò)安裝Firebug插件來(lái)實(shí)現(xiàn)。詳見(jiàn)：https://developer.mozilla.org/en-US/docs/Web/API/console.time?redirectlocale=en-US&redirectslug=DOM%2Fconsole.time
Google Chrome。2.0后原生支持。詳見(jiàn)：https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel
IE。IE11中原生支持。對(duì)于之前版本的IE，可以通過(guò)安裝Firebug Lite來(lái)實(shí)現(xiàn)。詳見(jiàn)：http://msdn.microsoft.com/en-us/library/ie/dn265071%28v=vs.85%29.aspx
Safari。4.0后原生支持。詳見(jiàn)：https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html
Opera。支持。詳見(jiàn)：http://www.opera.com/dragonfly/documentation/console/

您可能感興趣的文章: