开源 JavaScript 执行热图生成工具
In 未分类 on 2012年06月12日 by view: 11,752
6

每一字节代码都有其温度,而我们提供代码的温度计。

这个是 javascript 中一个简单 for 循环,声明 i 初始值为 0,判断 i 是否小于 100,若是则执行语句,然后 i 增加 1。所以 var i=0 只执行 1 次,条件条件表达式  i<100  会执行 101 次,增量 i++ 执行 100 次,console.log(i) 执行 100 次。

语句 次数
var i=0 1
i<100 101
i++ 100
console.log(i) 100

转换语句代码与执行次数的映射数据我们得到一份其代码执行热度图,非常形象生动的呈现了代码的真实执行情况,标示出了每一语句的执行热度,我们说这是每一个字节代码的真实温度。

for循环执行热图

下面快速排序的代码生成的热图,并且在右下角显示执行的 javascript 代码覆盖率:

 

转载请注明原文地址:http://www.alloyteam.com/2012/06/javascript-the-profiler

原创文章转载请注明:

转载自AlloyTeam:http://www.alloyteam.com/2012/06/javascript-the-profiler/

  1. lloyd 2014 年 3 月 21 日

    这个工具确实有意思

  2. yanhaijing 2013 年 10 月 24 日

    这个挺有创意

  3. TAT.Kinvix

    TAT.Kinvix 2012 年 6 月 13 日

    元彦这个很棒啊!

  4. @si 2012 年 6 月 13 日

    这个牛啊

  5. 三水清 2012 年 6 月 13 日

    这个好牛掰掰啊

  6. dexbol 2012 年 6 月 13 日

    这个挺神的

发表评论