开源JavaScript执行热图生成工具

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

for(var i=0; i<100; i++){
    console.log(i);
}

这个是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代码覆盖率: